Jquery 这个.checked如何在这个代码中工作?

Jquery 这个.checked如何在这个代码中工作?,jquery,checkbox,Jquery,Checkbox,这个代码是如何在这里计算的?代码正以其应有的方式完美地工作 是的,我只是不懂逻辑 <p>Select All : <input type="checkbox" id="selectAll"> </p> <p> Item 1: <input type="checkbox" class="children" value="item1">Item 2: <input type="checkbox" cla

这个代码是如何在这里计算的?代码正以其应有的方式完美地工作 是的,我只是不懂逻辑

<p>Select All :
    <input type="checkbox" id="selectAll">
</p>
<p>
    Item 1:
    <input type="checkbox" class="children" value="item1">Item 2:
    <input type="checkbox" class="children" value="item2">Item 3:
    <input type="checkbox" class="children" value="item3">
</p>

this.checked提供true或false,用于设置具有类子元素的所有元素的
checked
属性。如果选择了全选,则选中此项将给出
true
false
否则

为了理解这一点,考虑您在这个问题上的条件。检查和设置<代码>检查< /COD>属性,当检查时设置为<代码>真< /代码>,在未检查时<代码> false <代码>。

if(this.checked)
    $('.children').prop('checked', true);
else
    $('.children').prop('checked', false);
或者干脆没有条件

$('.children').prop('checked', this.checked);

this.checked
提供true或false,用于设置具有类子元素的所有元素的
checked
属性。如果选择了全选,则选中此项将给出
true
false
否则

为了理解这一点,考虑您在这个问题上的条件。检查和设置<代码>检查< /COD>属性,当检查时设置为<代码>真< /代码>,在未检查时<代码> false <代码>。

if(this.checked)
    $('.children').prop('checked', true);
else
    $('.children').prop('checked', false);
或者干脆没有条件

$('.children').prop('checked', this.checked);

在您的情况下,
this.checked
基本上用于检索id为
selectAll
的输入的选中状态

它将返回
true
false
,然后基于此值,它将设置您的
输入的选中状态,并带有类
子类


因此,如果选中了
selectAll
,则会选中所有
.children
,反之亦然。

在您的情况下,
此.checked
基本上用于检索id为
selectAll
的输入的选中状态

它将返回
true
false
,然后基于此值,它将设置您的
输入的选中状态,并带有类
子类

因此,如果
选择all
选中,则会选中所有
。子项,反之亦然。

简单:

单击selectAll时,所有具有子类的复选框都设置为selectAll值

这意味着如果单击selectAll,则选中selectAll时会选中所有子类复选框;如果未选中selectAll,则会选中所有子类复选框。

简单:

单击selectAll时,所有具有子类的复选框都设置为selectAll值

这意味着,如果单击selectAll,则选中selectAll时会选中所有子类复选框;如果selectAll未选中,则会选中所有子类复选框。

当您单击
#selectAll
时,会为所有子类设置相同的值
this.checked
返回
#selectAll
复选框的值。

当您单击
#selectAll
时,您为所有子项设置了相同的值
this.checked
返回
#selectAll
复选框的值