我试过很多的,我发现这里的时候,不同的复选框被选中取消选中复选框的想法,但没有一个是工作...

现在我有:

$("#chkBox1").click(function () {
 if ($(this).is(":checked")) {
  $('#chkBox2').prop('checked', false); }
});

..但没有结果,chkBox2保持选中状态

这是HTML中的复选框:
<input type="checkbox" name="art" id="chkBox1" data-mini="true" data-theme="c" />

我的代码的一个可能区别是,仅在单击按钮时使用href才将复选框添加到页面。复选框在HTML中(不是用Javascript创建)..但是在单击按钮之前不可见..这可能是问题的一部分吗?还是我想念其他东西?另外,我正在使用JQuery Mobile。

最佳答案

您需要使用.prop更改其.checkboxradio('refresh')后刷新它。


// Check #chkBox2 by default
$('#chkBox2').prop('checked', true).checkboxradio('refresh')

// Uncheck #chkBox2 when #chkBox1 is checked
$('#chkBox1').on('click', function () {
 if ($(this).is(':checked')) {
  $('#chkBox2').prop('checked', false).checkboxradio('refresh');
 }
});
  • jQuery Mobile API reference
  • 10-07 14:43