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

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