jQuery全选

最新推荐文章于 2024-01-23 19:19:19 发布

weixin_30364147

最新推荐文章于 2024-01-23 19:19:19 发布

阅读量44

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/1116zsc/p/5496871.html

版权

表单

<input type="checkbox" id="all" /> 全选<br />
<input class="t" type="checkbox" value="aa" /> aa
<input class="t" type="checkbox" value="bb" /> bb
<input class="t" type="checkbox" value="cc" /> cc
<input class="t" type="checkbox" value="dd" /> dd
<input class="t" type="checkbox" value="ee" /> ee

<input type="button" value="测试" id="btn" />
<input type="text" id="txt" />
<input type="button" value="设置选中" id="sel" />

　jQuery

<script type="text/javascript">

$(document).ready(function(e) {
    
	//全选
	$("#all").click(function(){
		
		var ck = $(".t");
		var xz = $(this)[0].checked;
		
		ck.prop("checked",xz);
		
		})
	
	//取选中项的值
	$("#btn").click(function(){
		
		var ck = $(".t");
		for(var i=0; i<ck.length;i++)
		{
			if(ck.eq(i).prop("checked"))        //ck.eq(i)[0].checked
			{
				alert(ck.eq(i).val());
			}
		}
		
		})
		
	//设置某项选中
	$("#sel").click(function(){
		
		var v = $("#txt").val();
		
		var ck = $(".t");
		ck.prop("checked",false);
		for(var i=0;i<ck.length;i++)
		{
			if(ck.eq(i).val()==v)
			{
				ck.eq(i).prop("checked",true);
			}
		}
		
		})
	
	
	
});

</script>

转载于:https://www.cnblogs.com/1116zsc/p/5496871.html