2016 - 2024

感恩一路有你

js实现复选框全选反选 jquery怎么实现全选复选框?

浏览量:1333 时间:2021-03-14 05:31:48 作者:admin

jquery怎么实现全选复选框?

1. 为所有复选框定义一个ID,例如:

<input type=“checkbox”ID=“cball”value=“all”>

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

爱好:<input type=“checkbox”name=“cbhobby”value=“song”> singing<input type=“checkbox”name=“cbhobby”value=“dance”> dancing<input type=“checkbox”name=“cbhobby”value=“play”> play games<;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“]”)。道具(“checked”,$(这个。Prop(“checked”)})</script>

本文介绍了jQuery切换所有复选框选中状态的方法。与你分享供你参考。详细内容如下:此代码非常简单实用,是否所有的切换复选框都是通过链接选中的?123456 var tog=false//如果在加载$(“a”)时选中,则为true。单击(function(){$(“input[type=checkbox]”)。属性(“checked”,!Tog)Tog=!(Tog})我希望本文能对jQuery编程有所帮助。

js实现复选框全选反选 jquery实现复选框全选 jquery判断复选框是否被选中

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