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
复选框的值