jQuery 实现checkBox全选效果

2020-12-25 14:16:48 浏览数 (1)

html/jsp代码:

代码语言:javascript复制
<div class="dlnm">
				 <input type="checkbox" class="omipt" value="111"> 111
				 <input type="checkbox" class="omipt" value="222"> 222
				 <input type="checkbox" class="omipt" value="333"> 333
				 <input type="checkbox" class="omipt" value="444"> 444
				 <input type="checkbox" class="omipt" value="555"> 555
				 <input type="checkbox" class="omipt" value="666"> 666
			 </div>
			 <input type="checkbox" class="allSelect" value=""> 全选

js代码:

代码语言:javascript复制
$(".allSelect").bind("click",function(){
			$(".dlnm input[type='checkbox']").prop("checked",$(".allSelect").prop("checked"));
		});

0 人点赞