Jquery Mobile 复选框问题

Question

我想通过JQM改变复选框的状态（选中/未选中）。

在HTML部分，我有一个复选框、一个清除按钮和一个设置按钮。

在JavaScript部分，我有代码来使用按钮清除和设置复选框的“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);
 });

请查看此示例：http://jsfiddle.net/VXwzp/14/

当点击“设置”或“清除”按钮时，您会注意到它不起作用。

我正在使用 Google Chrome 版本 26.0.1410.64 m。

我已经注意到，如果我从输入框中删除“<label>”标签，则它可以正常工作，但是 JQM 样式将不会被考虑在内。

 <input type="checkbox" name="checkboxName" id="checkboxID">

请查看示例：http://jsfiddle.net/QLzBX/1/

您有没有想到如何使用JQM使其正常工作？

提前感谢您

阿尔瓦罗

- Alvaro

---

通过使用以下代码，我成功让它工作了：$('#checkboxID').attr("checked",false).checkboxradio("refresh"); - Alvaro

Answer 1

工作示例： http://jsfiddle.net/Gajotres/VXwzp/15/

这是一个关于IT技术的工作示例链接，您可以点击链接查看。

$("#clear").click(function() {
    $('#checkboxID').filter(':checkbox').prop('checked',false).checkboxradio("refresh");
});

$("#set").click(function() {
    $('#checkboxID').filter(':checkbox').prop('checked',true).checkboxradio("refresh");
});

在使用jQuery Mobile时，您必须了解它的小部件标记如何更改。请查看我的另一个答案以了解详情：jQuery Mobile：动态添加内容的标记增强

- Gajotres