Javascript 通过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> &

我想通过jquery选择和取消选择全部。我想使用以下结构。当我单击全选时,所有输入都将被选中,单击取消选择将删除所有部分

有人能解决这种问题吗

<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”]”)的操作???