JQuery .prop函数不工作，取消复选框

JQuery .prop function not working to uncheck box

本文关键字：取消 复选框 工作 prop 函数 JQuery      更新时间：2023-09-26

我尝试了很多我在这里找到的想法，当一个不同的复选框被选中时取消选中一个复选框，但没有一个工作…

现在我有:

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

对不起，我应该继续读下去的!

这个似乎奏效了:

  $('#chkBox1').checkboxradio('refresh');

. .但我不确定为什么，这是独特的JQuery移动?

Html

<input type="checkbox" name="art" id="chkBox1" data-mini="true" data-theme="c" />
<input type="checkbox" name="art2" id="chkBox2" data-mini="true" data-theme="c" checked="checked" />
jQuery: 

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

这里的工作示例http://jsfiddle.net/SwmN6/75/

您正在检查this，并更改chkBox2:

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

试试这个:

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

或简单的:

$('#chkBox2').prop('checked', false);

相关文章：