首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jquery选中/取消选中所有复选框

使用jquery选中/取消选中所有复选框
EN

Stack Overflow用户
提问于 2011-01-11 00:39:40
回答 7查看 4.4K关注 0票数 0

所以我想要做的是创建一个主复选框,它可以选择全部,也可以取消全部选中。我发现这个jquery代码片段比我创建的代码工作得更好。

代码语言:javascript
复制
$("#checkboxSort").live( 'change', function() {
  $(".apply-single").attr( 'checked', $( this ).is( ':checked' ) ? 'checked' : '' );
});

我的问题是这一节到底说的是什么:

代码语言:javascript
复制
$( this ).is( ':checked' ) ? 'checked' : '' 

我知道"this“是".apply-single”,它是验证它是否被“选中”,但是这一节的其余部分是什么意思……用英语?我对它的含义有自己的想法,但我更愿意听到别人知道的东西,而不是我的猜测。

感谢所有能帮上忙的人。

EN

回答 7

Stack Overflow用户

发布于 2011-01-11 00:41:53

这叫做三元运算符。一般格式为

代码语言:javascript
复制
[boolean expression] ? [expression A] : [expression B]

如果布尔表达式的计算结果为true,则它的计算结果为表达式A;如果布尔表达式的计算结果为false,则它的计算结果为表达式B。

票数 2
EN

Stack Overflow用户

发布于 2011-01-11 00:45:57

我知道"this“是".apply-single”

不是的。this实际上指的是#checkboxSort元素。

?是JavaScript中的conditional operator

您正在询问的特定代码的含义(伪代码):

代码语言:javascript
复制
if the element with ID "checkboxSort" is checked:
    check all elements with class "apply-single"
else:
    uncheck all elements with class "apply-single"

简而言之,整个代码片段做到了这一点:

侦听id为checkboxSort的元素上的更改。

当触发此类change事件时,将类为apply-single的所有元素的checked状态设置为#checkboxSort元素的新checked状态。

不知羞耻的自我推销:我做了一个小小的jQuery插件来很好地处理这个问题。Check it out

票数 2
EN

Stack Overflow用户

发布于 2011-01-11 00:42:46

this实际上是#checkboxSort context ,而不是 .apply-single。因此,它将所有.apply-single设置为#checkboxSort的checked属性。

它是一个。类似于if语句,只需内联。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4649095

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档