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

所以我想做的是创建一个主复选框，它可以选择全部，也可以取消选择全部。我发现这个jquery snipt比我创建的更好用

$("#checkboxSort").live( 'change', function() {
  $(".apply-single").attr( 'checked', $( this ).is( ':checked' ) ? 'checked' : '' );
});

我的问题是，这一节到底说了什么：

$( this ).is( ':checked' ) ? 'checked' : '' 

我理解“this”是“.apply single”，如果“checked”则是“verify”，但本节其余部分的含义是什么。。。用英语？我对这意味着什么有自己的想法，但我更愿意听别人知道什么，而不是猜测

感谢所有能帮忙的人。

这就是所谓的三元运算符。一般格式为

[boolean expression] ? [expression A] : [expression B]

如果布尔表达式的计算结果为

true

，则计算结果为表达式A；如果布尔表达式的计算结果为

false

，则计算结果为表达式B，称为三元运算符。一般格式为

[boolean expression] ? [expression A] : [expression B]

---

如果布尔表达式的计算结果为

true

，则计算结果为表达式A；如果布尔表达式的计算结果为

false

，，则计算结果为表达式B。这是

if($(".apply-single").is(':checked')) {
    $(".apply-single").attr("checked", "checked");
} else {
     $(".apply-single").attr("checked", "");
}

---

这是

if($(".apply-single").is(':checked')) {
    $(".apply-single").attr("checked", "checked");
} else {
     $(".apply-single").attr("checked", "");
}

---

这一行使用三元运算符，其工作原理如下：

  <condition>?<consequent>:<alternative>

？：

---

因此，

$（this）.is（“：checked”

是根据复选框是否选中而返回true或false的条件。如果为true，则“checked”将成为属性，否则“”将成为属性。

此行使用的三元运算符如下所示：

  <condition>?<consequent>:<alternative>

？：

---

所以，

$（这个）。是（“：checked”

是根据复选框是否选中而返回true或false的条件。如果为true，则“checked”将成为属性，否则“”将成为属性。

此

实际上是

\checkboxSort

上下文而不是

。因此它设置了一个ll
。将single
应用于
#checkboxSort
的checked属性

它是一个.类似于
if
语句，只是内联。
这个
实际上是
#checkboxSort
上下文而不是
.apply single
。因此它将所有
设置为
#checkboxSort
的checked属性

它是一个.类似于
if
语句，只是内联

我知道“这”是“申请单身”

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

？
是JavaScript中的

您询问的特定代码位表示（伪代码）：

简而言之，整个代码段执行以下操作：

侦听id为checkboxSort的元素的更改

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


无耻的自我推销：我制作了一个小小的jQuery插件来很好地处理这个问题

我知道“这”是“申请单身”

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

？
是JavaScript中的

您询问的特定代码位表示（伪代码）：

简而言之，整个代码段执行以下操作：

侦听id为checkboxSort的元素的更改

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


无耻的自我提升：我制作了一个小小的jQuery插件来很好地处理这个问题。
在英语中，你要问的代码是，如果这个项目被选中，那么将CSS类为“apply single”的所有HTML元素的“checked”属性设置为“checked”——如果没有，那么将它设置为空值

但请确认实际结果不会导致选中“”的属性

对于复选框，未选中状态不是用checked=“表示的，而是用根本没有checked属性表示的。
在英语中，您询问的代码是，如果选中此项，则将CSS类为“apply single”的所有HTML元素的“checked”属性设置为“checked”--如果不是，则将其设置为空值

但请确认实际结果不会导致选中“”的属性

对于复选框，未选中状态不是用checked=”“表示的，而是用根本没有checked属性表示的。
.live（）不受欢迎。请改用.on（）。

选中此项：

以及HTML：

<p>
    <input type="checkbox" id="checkboxSort" />Check/Uncheck All</p>
<hr/>
<p id="p">
    <input type="checkbox" class="apply-single" />Checkbox 1
    <input type="checkbox" class="apply-single" />Checkbox 2
    <input type="checkbox" class="apply-single" />Checkbox 3
</p>


选中/取消选中全部



复选框1
复选框2
复选框3

不推荐使用.live（）。请改用.on（）。

选中此项：

以及HTML：

<p>
    <input type="checkbox" id="checkboxSort" />Check/Uncheck All</p>
<hr/>
<p id="p">
    <input type="checkbox" class="apply-single" />Checkbox 1
    <input type="checkbox" class="apply-single" />Checkbox 2
    <input type="checkbox" class="apply-single" />Checkbox 3
</p>


选中/取消选中全部



复选框1
复选框2
复选框3

@patrick:yup.它是条件运算符；它是三元运算符（尽管是JS中唯一的三元运算符）。@patrick:yup.它是条件运算符；它是三元运算符（尽管是JS中唯一的三元运算符）。