jquery实现全选和取消全选 利用jQuery实现CheckBox全选/全不选/反选的简单代码？

利用jQuery实现CheckBox全选/全不选/反选的简单代码？

jquery怎么实现全选复选框？

1。为所有框定义一个ID，例如：

<input type=“checkbox”ID=“cball”Value=“all”>全选

2。为其他复选框定义相同的名称，例如：

嗜好：<input type=“checkbox”name=“cbhobby”value=“song”>唱歌<input type=“checkbox”name=“cbhobby”value=“dance”<input type=“checkbox”name=“cbhobby”value=“play”>玩游戏<input type=”checkbox“Name=”cbhobby“value=”eat“>吃美味的食物<input type=”checkbox“Name=”cbhobby“value=”sleep“>

3。编写jQuery代码，使复选框的选定属性与单击“全部”复选框时“全部”复选框的选定属性一致

<script type=“text/JavaScript”SRC=“JS/jQuery。1.8.3 最小js“></script><script type=”text/javascript“>$（function（）{$（”cbAll“）。单击（function（）{$（”input[name=”cbHobby“]”）.prop（”checked“，$（this）.prop（”checked“）}）</script>

代码示例：

JS reverse selection/select all

JS is writed by”在标题行中添加“全选”复选框和“反向选择”按钮，并在数据行中添加带有“名称”属性的复选框。

&Lttable border=“1”align=“center”width=“80%”>

<tr>

<TH><input

type=“checkbox”id=“checkall”onclick=“checkall（）”/><input

type=“button”value=“invert selection”onclick=“invertchk（）”/></th>

<TH>主键序号</th>

</TR>

<tbody>

<c:forEach项="${ 页面列表}“

var=”recruit“>

<tr align=”center“>

<td><input type=”checkbox“

name=”checkid“value=”${招聘.nid}“/></td>

<td>${招聘.nid}</td>

<td>${招聘.cjob}</td>

</tr>

</c:forEach>

</tbody>

</table>

jquery实现全选和取消全选 js实现全选和取消全选 jquery全选和全部不选

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。