发表主题您当前位置:首页 / 交流 / JQuery

jquery实现复选框全选或取消

jaes  2019-12-20  0  0  79

HTML代码:

<input type="checkbox" name="all"  id="all">全选

<input type="checkbox" name="id[]">
<input type="checkbox" name="id[]">
<input type="checkbox" name="id[]">


JS代码:

$(function(){
	$('#all').on('click',function(){
		$("input[name='id[]']").prop("checked", this.checked);
	});
	$("input[name='id[]']").on('click',function() {  
		var $subs = $("input[name='id[]']");  
		$("#all").prop("checked" , $subs.length == $subs.filter(":checked").length ? true :false);  
	});
});


说明:该主题及内容可以随意免费转发,但转发时请注明来源于“哈喽吧”哦^_^。

回复主题

上一篇:点击链接平滑到指定位置 滚动插件jquery.smoothScroll

下一篇:没有了

最新回复(0)

暂无回复
回复主题
提示:请先登录后再回复主题。
  • 站内搜索
  • 百度搜索
  • 搜狗搜索