检查在jQuery中检查另一个复选框的复选框

时间:2010-12-15 22:36:10

标签: jquery

代码:jsfiddle.net/bVgwc/2/

当我手动检查Darc(上面)时,我无法生成一个jquery代码来检查Darc(下面) 和其他两个一样。
检查上面的Darc - >需要在下面自动检查Darc 检查上面的LaVoiture - > Lavoiture需要在下面自动检查 检查上面的Gerli - > Gerli需要在下面自动检查。

有道理吗?

我为另一个完全相同的情况制作了另一个jquery代码,但我不能适应这种情况。

有人可以在我上面发布的实时代码所在的链接中编写代码吗?

伙计们,这段代码适用于那种特殊情况: jsfiddle.net/F7nBL/6 /

可以根据现在的情况将其改为适应当前的情况吗?也许这种方式更容易

2 个答案:

答案 0 :(得分:1)

已修复fork *注释现已实际修复。做了一个分叉而不是更新...

逻辑behid它是,给所有复选框提供相同的类'checkDbl',并为每个匹配的复选框提供相同的类,Darc,VL,Geril和匹配该第二类的rel。然后将onChange绑定到类checkDbl,该类将类的所有元素更改为与THIS rel相同的已检查状态...

 $('.checkDbl').change(function(){
       $('.'+$(this).attr('rel')).attr('checked',$(this).attr('checked'));
    }); 

答案 1 :(得分:1)

如果您正在寻找适用于现有HTML的代码,则以下内容应该有效

$("input[type=checkbox]").click(function(){
    var id = $(this).attr("id");
    var fieldName = id.substring(id.lastIndexOf("_")+1);
    var checked = $(this).attr("checked");
    $("div label").each(function(){
        var text= $(this).text().trim();
        if (fieldName == text){
            $(this).find("input").attr("checked",checked);
        }

    });
});

它可能不是最有效的代码,但它可以完成这项工作。 并非您需要将Darc复选框的ID更改为CustomFields[25_3]_Darc而不是CustomFields[25_3]_Dark才能在Darc复选框上使用。