【问题标题】:jQuery select all checkboxes of specific typejQuery选择特定类型的所有复选框
【发布时间】:2014-02-23 15:37:20
【问题描述】:

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

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

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

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

除了语言字段,我还在 db 中有 size 字段,所以可以是 i.g.:

英文中号、英文小号、德文中号或德文小号

因此,除了“选择所有英语”之外,我还希望有“选择所有小”,这最终可能导致只选择英语和小或德语和中的那些。

不知道怎么做,因为我已经使用类作为语言,我可以在其中存储数据库中的 size 字段。

提前感谢您的帮助:)

【问题讨论】:

  • 只使用特定的类作为small 和/或medium jsfiddle.net/3xGTr/1
  • 您可以为一个元素分配多个类(以空格分隔)
  • 您可以通过连接类选择器(不带空格)来选择具有多个类的元素,例如$('.English.small')

标签: javascript jquery html checkbox


【解决方案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
});

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

【讨论】:

  • 但是复选框看起来怎么样?像这样的东西: 还是别的什么?
  • html中多个类使用空格分隔符,但是jquery选择器类名之间不能包含空格,否则会被当作子选择器处理
  • 最后一个问题,如果其中一个尺寸选项是 Extra small,如果我说的不是 class="English Extra Small" 我的意思是如果它不会选择所有小类,那可以吗?跨度>
  • 对于 Extra Small 使用 class name as extra-small ...它们应该是连续的,没有空格,否则它们将被视为单独的类名
  • @user2668182 请阅读基本教程以尝试学习而不是询问其他人...顺便说一句,我在您的问题下的第一条评论指出了一个 jsfiddle,它展示了如何使用多个类。您显然没有做出基本的努力来尝试理解它...
猜你喜欢
  • 1970-01-01
  • 2022-09-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-08
  • 2013-01-29
  • 2013-01-24
  • 2012-03-28
相关资源
最近更新 更多