How to implement a single selection for a list view with a check box?

[DINHDUY]

I have the following  markup:

<ul id="answers" data-role="listview" data-style="inset" data-template="answer-template" data-bind="source: availableAnswers" data-click="app.views.question.selectAnswer" ></ul>

     <script id="answer-template" type="text/x-kendo-template">
            <label>
                <input type="checkbox" data-bind="checked: isSelected"/>
                <span data-bind="text: answerText"></span>
            </label>
        </script>

The following click handler does work in Chrome Browser, however it does not work on any mobile device:
selectAnswer: function (evt) {
$.each(that.availableAnswers, function (i, it) {
                it.isSelected = (it.id === evt.dataItem.id);
            });
}

Is there an option on the list view to set it to  single selection mode?

Thanks,
Dinhduy

[Petyo]

Hi,

Instead of using checkboxes, you can use radio buttons. They look the same on a mobile platform, and support such selection out of the box. Please check this demo for more details.

Regards,
Petyo
Telerik