gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 14:46:09 24 4
gpt4 key购买 nike

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

现在我有:

$("#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') 刷新它。

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');
}
});

关于javascript - JQuery .prop 函数无法取消选中框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15706443/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com