2016 - 2024

感恩一路有你

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

浏览量:1221 时间:2021-03-16 15:07:56 作者:admin

利用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>”

jquery实现全选和取消全选 jquery全选和全部不选 jquery如何实现全选

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