jQuery |动态选中复选框

时间:2014-03-19 21:57:10

标签: jquery checkbox radio

请先查看Jsfiddle:http://tinyurl.com/q58dnpo 这个小脚本完全符合我的想象。它允许您只检查一个复选框,它会动态同步复选框。到目前为止一切都很好。

但是在将其粘贴到更复杂的脚本后,sync-function恰好只需单击A,B和C一次。 在这里查看:http://tinyurl.com/ngbj2yk

标题有问题吗?我真的很无能,因为在Jsfiddle上所有的工作都很好,即使是更复杂的代码(可能我只是一个菜鸟);)

谢谢!

2 个答案:

答案 0 :(得分:4)

您目前正在使用

的所有地方
$(element).attr("checked","checked");

将其更改为

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

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

答案 1 :(得分:0)

您应该使用.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);
    });
});

<强>资源: