2016 - 2024

感恩一路有你

jquery实现全选和取消全选 jquery怎么实现全选复选框?

浏览量:1773 时间:2021-03-15 06:27:25 作者: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“]”).prop(”checked“,$(this).prop(”checked“)})</script>

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

removeattr参数只需要一个,removeattr(”checked“)但建议使用。”将其替换为$(”。选择“L”)。单击(function(){if($()。选择“L”)。Prop(“checked”)==true){$(“input[name=“checkbox1”]”)。属性(“checked”,false)控制台.log(1) }else{$(“input[name=”checkbox1“]”).prop(”checked“,false)控制台.log(2) }})或者更简洁地说,$(”。选择“L”)。单击(function(){var ischecked=$(this)。属性(“checked”)$(“input[name=“checkbox1”])。属性(“checked”,ischecked)})

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

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