直播系统开发，实现同一个复选框checkbox一键全选和一键取消

直播系统开发，实现同一个复选框checkbox一键全选和一键取消

给全选复选框添加点击事件

 

HTML代码：

 

1	<input  type="checkbox"  id="ckall" onclick="checkall()"/>全选<br><input  type="checkbox" class="ckitem" />学习<br><input  type="checkbox" class="ckitem" />吃饭<br><input  type="checkbox" class="ckitem" />打游戏<br><input  type="checkbox" class="ckitem" />运动

​

JS代码：

 

1	function checkall(){<br>// 判断全选按钮是否被选中checked<br>if($("#ckall").is(":checked") == true){<br>$(".ckitem").each(function(){<br>$(this).prop("checked",true);// 通过prop()函数设置复选框的选中状态<br>})<br>}<br>else{<br>$(".ckitem").each(function(){//each是循环遍历<br>$(this).prop("checked",false);<br>  })<br>}<br>}

 

以上就是 直播系统开发，实现同一个复选框checkbox一键全选和一键取消，更多内容欢迎关注之后的文章