标签: jquery-mobile-checkbox

Jquery Mobile Checkbox问题

我正在尝试使用JQM更改复选框状态(选中/取消选中).

在HTML部分,我有一个复选框,一个按钮清除和一个按钮设置.

在Java Script部分中,我有清除代码并使用按钮设置复选框"checked"值

 HTML code piece:
 ----------------
 <label><input type="checkbox" name="checkboxName" id="checkboxID">checkbox</label>
 <a href="#" id="clear" data-role="button" data-inline="true" data-theme="b">Clear</a>
 <a href="#" id="set" data-role="button" data-inline="true" data-theme="b">Set</a>

 JS code piece:
 --------------
 $("#clear").click(function() {
    $('#checkboxID').filter(':checkbox').prop('checked',false);
 });

 $("#set").click(function() {
    $('#checkboxID').filter(':checkbox').prop('checked',true);
 });
Run Code Online (Sandbox Code Playgroud)

请查看以下示例:http://jsfiddle.net/VXwzp/14/

您将通过按"设置"或"清除"按钮注意到它无法正常工作.

我使用谷歌Chrome版本26.0.1410.64米

我注意到,如果我从输入中删除标签,它工作正常,但没有考虑JQM样式.

 <input type="checkbox" name="checkboxName" id="checkboxID">
Run Code Online (Sandbox Code Playgroud)

查看以下示例:http://jsfiddle.net/QLzBX/1/

您是否知道如何使用JQM使其工作?

先感谢您

阿尔瓦罗

jquery jquery-mobile jquery-mobile-checkbox

3
推荐指数
1
解决办法
2600
查看次数