jQuery |动态检查复选框

Posted 2023-03-27

【中文标题】jQuery |动态检查复选框

【英文标题】：jQuery | dynamically check checkbox

【发布时间】：2014-04-26 11:22:39

【问题描述】：

请先查看 Jsfiddle:http://tinyurl.com/q58dnpo 这个小脚本完全按照我的想象工作。它允许您只选中一个复选框，并动态同步复选框。到目前为止一切顺利。

但是在将其粘贴到更复杂的脚本中后，同步功能只需单击 A、B 和 C 一次即可。 在这里查看：http://tinyurl.com/ngbj2yk

标题有问题吗？我真的一无所知，因为在 Jsfiddle 上，即使是更复杂的代码也能正常工作（可能我只是一个菜鸟；））

谢谢！

【参考方案1】：

您当前使用的任何地方

$(element).attr("checked","checked");

改成

$(element).prop("checked", true); // or false

由于element.checked 是一个属性，而prop() 方法是正确使用的方法，attr() 只会更改属性并导致您遇到的问题。

【参考方案2】：

您应该使用.prop() 而不是.attr()

下面的 jQuery 代码应该可以正常工作：

$(document).ready(function()
    $('#eins').click(function()
        $("#gruppe1").prop("checked", true);
    );

$('#zwei').click(function()
        $("#gruppe2").prop("checked", true);
    );

$('#drei').click(function()
        $("#gruppe3").prop("checked", true);
    );
);

资源：

.prop() .attr() vs .prop() on Stack Overflow