jquery遍历checkbox状态失败

铂金小虫 发布于 2013/09/16 16:12
阅读 507
收藏 0

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
</head>
<body>
	<div id="sp">
		<input type="checkbox" name="ctype" value="01"><span>记录1</span><br/>
		<input type="checkbox" name="ctype" value="02"><span>记录2</span><br/>
		<input type="checkbox" name="ctype" value="03"><span>记录3</span><br/>
		<input type="checkbox" name="ctype" value="04"><span>记录4</span><br/>
	</div>
	<script type="text/javascript">
		$("#sp input").click(function(){
			var values=texts='';
			$("input[type='checkbox'][name='xtype']").each(function(){
				if ($(this).attr("checked")=='checked') {
					if (values != '') {
						values += ",";
						texts += ",";
					}
					values += $(this).val();
					texts += $(this).next('span').text();
				}
			});
			//$('#qt').combo('setValue', values).combo('setText', texts);
			alert(values+','+texts);
		});
	</script>
</body>
</html>
我想达到每次点击一个,跳出现在总共有多少是被选中了,一个判断没问题,为什么遍历就行不呢?


加载中
0
风致雪
alert(values+','+texts);将这段代码重新写个事件来触发,因为alert(),先于each

执行

铂金小虫
铂金小虫
谢谢提醒,反了个地级错误。click只是注册呢。
0
Tuesday
Tuesday

$("input[type='checkbox'][name='xtype']").find(':checked').lenth; // 已选中多少个.

 $("input[type='checkbox'][name='xtype']").lenth; // 总共多少个. 楼主, 为什么搞这么复杂?

铂金小虫
铂金小虫
我要的是选中check的集合,不是要总数。
0
不正常的物种
不正常的物种

$("div").find("input:checkbox:checked").each(function(){

    something...

})

返回顶部
顶部