Javascript 通过jquery选择全部
我想通过jquery选择和取消选择全部。我想使用以下结构。当我单击全选时,所有输入都将被选中,单击取消选择将删除所有部分 有人能解决这种问题吗Javascript 通过jquery选择全部,javascript,jquery,Javascript,Jquery,我想通过jquery选择和取消选择全部。我想使用以下结构。当我单击全选时,所有输入都将被选中,单击取消选择将删除所有部分 有人能解决这种问题吗 <table> <tr> <td> <ul> <li> <label for="ck"><input type="checkbox" name="country" value="ALL"/> SELECT ALL</label> </li> &
<table>
<tr>
<td>
<ul>
<li>
<label for="ck"><input type="checkbox" name="country" value="ALL"/> SELECT ALL</label>
</li>
<li>
<label for="ck"><input type="checkbox" name="country" value="CD"/> CD</label>
</li>
<li>
<label for="ck"><input type="checkbox" name="country" value="ED"/>ED</label>
</li>
<li>
<label for="ck"><input type="checkbox" name="country" value="DD"/>DD</label>
</li>
<li>
<label for="ck"><input type="checkbox" name="country" value="FD"/>FD</label>
</li>
<li>
<label for="ck"><input type="checkbox" name="country" value="SD"/>SD</label>
</li>
</ul>
<td>
</tr>
</table>
-
全选
-
光盘
-
预计起飞时间
-
DD
-
FD
-
SD
Simple
应该很好用
先进的 如果您想更高级一点,并在“全部”上取消选中该复选框(如果该复选框处于启用状态且未全部选中),则可以执行以下操作:
$("input:checkbox[value=ALL]").change(function() {
$("input:checkbox[name=" + $(this).prop("name") + "]").prop("checked", $(this).prop("checked"));
});
$("input:checkbox[value!=ALL]").change(function() {
var allCheckboxesAreChecked = true;
$("input:checkbox[name=" + $(this).prop("name") + "][value!=ALL]").each(function() {
if (!$(this).prop("checked")) {
allCheckboxesAreChecked = false;
return false;
}
});
$("input:checkbox[name=" + $(this).prop("name") + "][value=ALL]").prop("checked", allCheckboxesAreChecked);
});
如果已取消选择子项,则将取消选择“全部”;如果已选择所有子项,则将选择“全部”
简单
应该很好用
先进的 如果您想更高级一点,并在“全部”上取消选中该复选框(如果该复选框处于启用状态且未全部选中),则可以执行以下操作:
$("input:checkbox[value=ALL]").change(function() {
$("input:checkbox[name=" + $(this).prop("name") + "]").prop("checked", $(this).prop("checked"));
});
$("input:checkbox[value!=ALL]").change(function() {
var allCheckboxesAreChecked = true;
$("input:checkbox[name=" + $(this).prop("name") + "][value!=ALL]").each(function() {
if (!$(this).prop("checked")) {
allCheckboxesAreChecked = false;
return false;
}
});
$("input:checkbox[name=" + $(this).prop("name") + "][value=ALL]").prop("checked", allCheckboxesAreChecked);
});
如果已取消选择子项,则将取消选择“全部”;如果已选择所有子项,则将选择“全部”
如何选择?要获取选择器中的元素,您可以执行类似->
$('input[name=“country]”)的操作。
???选择方式?要获取选择器中的元素,您可以执行类似->$('input[name=“country”]”)的操作???