jquery实现复选框全选或取消

JQuery 1104 0 2019-12-20

jquery实现复选框全选或取消

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

下一篇:Jquery获取当前元素父元素

讨论数量:0

请先登录再发表讨论。 2024-04-26

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链