首页 > 代码库 > checkbox实现全选全不选
checkbox实现全选全不选
1.jQuery实现checkbox全选全不选<!DOCTYPE html><head runat="server"><title>jQuery实现CheckBox全选、全不选</title><meta charset="utf-8"><script src="jquery-3.1.1.min.js"></script> <script type="text/javascript">$(function() {$("#checkAll").click(function() {$(‘input[name="subBox"]‘).attr("checked",this.checked); });var $subBox = $("input[name=‘subBox‘]");$subBox.click(function(){$("#checkAll").attr("checked",$subBox.length == $("input[name=‘subBox‘]:checked").length ? true : false);});});</script></head><body><div><input id="checkAll" type="checkbox" />全选<input name="subBox" type="checkbox" />项1<input name="subBox" type="checkbox" />项2<input name="subBox" type="checkbox" />项3<input name="subBox" type="checkbox" />项4</div></body></html>
checkbox实现全选全不选
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。