我如何获得Kendo Mobile的财产复选框?

时间:2014-03-01 09:14:06

标签: javascript jquery kendo-ui kendo-mobile

我有一个Kendomobile列表视图:

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

我想知道它是否已经过检查,然后能够检查或取消选中它。在网络上我可以使用类似的东西:

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

获取价值。 (或使用attr)但由于某种原因,这不起作用,并使用prop和attr来设置它什么都不做。我认为这是因为造型等等。

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

试试这个,

在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

答案 2 :(得分:0)

这似乎对我有用(使用jQuery prop):http://trykendoui.telerik.com/eYUg