如果条件为true,如何将类添加到jQuery元素,如果条件为false,如何删除相同的类?

阿森尼

有没有更短的方法来执行以下操作?

var select_all_checkbox = $("input.select_all");
var is_checked = select_all_checkbox.prop("checked");

if (is_checked) {
    select_all_checkbox.parent().addClass("selected");
} else {
    select_all_checkbox.parent().removeClass("selected");
}
费利克斯·克林

使用toggleClass,传递第二个参数(布尔值),该参数指定是否应添加该类:

select_all_checkbox.parent().toggleClass("selected", is_checked);

如果您通过选择了多个元素input.select_all,则必须遍历它们:

$("input.select_all").each(function() {
    $(this).parent().toggleClass('selected', this.checked);
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如果值为0,如何将新的CSS类添加到链接徽章?

如果条件为真,Shopify 将类添加到现有类

jQuery - 如果子元素具有特定的 css 类,如何将 css 添加到父元素

jQuery-如果条件为true或false,如何在单击后滚动元素ID?

如何使用jQuery将条件类添加到多个元素?

如果div“ B”具有带有jquery的“ active”类,如何将“ disabled”类添加到div“ A”?

jQuery:如果为XYZ,则将类添加到此AND下一个元素

如果设置的值为空,如何将类中的字段设置为false?

如果其他元素具有该类,如何停止将类添加到元素?

如果条件为true或false,如何仅设置此元素的样式?

如果使用Gzip类压缩,如何将文件名添加到存档?

如果选中复选框,如何将类添加到标签?

如果条件为真,如何从列表中删除元素?

如何将类仅添加到多个相同元素之一

如何将类添加到给定的元素?

如何将类添加到给定的元素?

如何将活动类添加到onclick元素?

如何将条件类正确添加到 Alpine JS x-for 模板?

如果条件为true,则将项目添加到字典,否则不-python

如果Haml中的条件为true,则追加类

如果元素为 0,则将类添加到最近的 div

jQuery - 如何将类添加到容器并在外部单击时删除

Jade有条件(如果/其他)将类添加到div内联

jQuery:如果存在类,请将其删除,然后将其添加到新元素中

如果为true,则更新,如果为false,则添加新的条件问题

如果条件为true,如何在数组中的特定索引中插入数据,如果为false,如何为零

如果父级列表项中有子级,如何将类添加到链接中?

jQuery:如果单击相同的元素,则删除类

如果条件为假,避免将属性类添加为空