jQuery选择特定类型的所有复选框

时间:2014-02-23 15:37:20

标签: javascript jquery html checkbox

我想有一个自动选择特定类型的所有复选框的脚本。 第一种类型是语言,所以我希望选中一个复选框来选择属于同一语言组的所有复选框(例如英语)。

我设法做到这一点,并创建了简单的jquery脚本来完成这项工作。 我将语言字段从数据库放置到类属性,以便我可以检查所有具有i的复选框。即英语课或德语。

$("#engSelect").change(function(){
    var status = $(this).is(":checked") ? true : false;
    $(".English").prop("checked",status);
});

工作小提琴:http://jsfiddle.net/3xGTr/

除了语言字段,我在db中也有大小字段,所以可以是i.g。:

英文中,英文小,德文中文或德文小

因此,除了“选择所有英语”之外,我想要“选择所有小”,最后只能选择那些英语和小号或德语和中号。

不知道怎么做,因为我已经将语言用于语言,我可以从数据库中存储大小字段。

提前感谢您的帮助:)

1 个答案:

答案 0 :(得分:1)

<input class="English small" type="checkbox"> English<br />
<input class="English big" type="checkbox"> English<br />
<input class="German medium" type="checkbox"> German<br />


$("#engSelect").change(function(){
    var status = $(this).is(":checked") ? true : false;
    $(".English.small").prop("checked",status); // here small is a class in addition to English
});

一定要连续输入类选择器......没有任何空格......表示它们属于同一个元素