如何获得 Kendo Mobile 的复选框属性？答案

【问题标题】：How do I get the property of Kendo Mobile of checkbox?如何获得 Kendo Mobile 的复选框属性？
【发布时间】：2014-03-01 09:14:06
【问题描述】：

我有一个 Kendomobile 列表视图：

<li class="cycle">
<label><input type="checkbox" id="team3RedAssist">Assist Red</label>
</li>

我想知道它是否被选中，然后能够选中或取消选中它。在网络上我可以使用类似的东西：

$('#team3RedAssist').prop('checked');

获取价值。（或使用 attr）但由于某种原因这不起作用，并且使用 prop 和 attr 来设置它也没有任何作用。我认为这是因为样式等原因。

【问题讨论】：

input 是关于如何渲染列表中每一项的定义吗？然后你有和列表中的项目一样多的team3RedAssist，但这是一个id，应该是唯一的。
这是一个唯一的 ID。每个列表视图元素都有不同的 ID。
li 不是每个项目模板的一部分吗？如果是这样，它怎么可能是独一无二的？
它不是模板的一部分。它是一个静态 html 列表视图。

标签： javascript jquery kendo-ui kendo-mobile

【解决方案1】：

我怀疑您正在使用远程绑定，并且模板中的复选框仍未创建。尝试在 listview 的 dataBound 事件中执行该逻辑。

在模板中使用 id 也不是一个好主意。会有多个具有相同 id 的元素。

【讨论】：

这是一个静态的html列表视图。我什至无法使用 Chrome 控制台获得价值。只有 1 个 id

【解决方案2】：

试试这个，

在html页面中：

<div data-role="view" id="customers" data-title="My Data">
    <ul data-role="listview" id="MainListView">
     <li class="cycle">
         <label><input type="checkbox" id="team3RedAssist" />Assist Red</label>
     </li>
    </ul>
</div>

在javascript中：

$(function(){

    var app = new kendo.mobile.Application($(document).body);      

    $('#MainListView').bind('click', function() {
           alert($('#team3RedAssist').prop('checked'));
    });

});

您可以在任何地方使用上述警报功能。

在线演示click here

【讨论】：

【解决方案3】：

这似乎对我有用（使用 jQuery 道具）：http://trykendoui.telerik.com/eYUg

【讨论】：