javascript - JQuery .prop 函数无法取消选中框

Question

我尝试了很多我在这里找到的想法，在选中另一个复选框时取消选中一个复选框，但没有一个奏效 ...

现在我有:

$("#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。

Answer 1

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

Demo

// 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