我试过很多的,我发现这里的时候,不同的复选框被选中取消选中复选框的想法,但没有一个是工作...
现在我有:
$("#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');
}
});