<input type="checkbox" value="第一" />第一<br/>
<input type="checkbox" value="第二" />第二<br/>
<input type="checkbox" value="第三" />第三<br/>
<input type="checkbox" value="第四" />第四<br/>
<input type="checkbox" value="第五" />第五<br/>
<input type="button" value="提交" id="btn" />
$("#btn").click(function () {
var values = "你是:";
$("input[type='checkbox']").each(function (i) {
alert($(this).attr("checked"));
})
})勾上之后怎么取到的都是undefined的呢?怎样能取到复选框的checked值jQuery
alert($(item).attr("checked"));
});这样试试,不过你那个看上去也是没有错的,怪事情,你自己调试调试,每次的元素的value是不是第一,第二,第三...
<div class="myclass" abc="my Attr">class 是DOM属性,而 abc 就不是 DOM 属性
所以
改变 class 要用 $("div").prop("class",[param])
改变 abc 要用 $("div").attr("abc", [param])
var values = "你是:";
$(":checkbox:checked").each(function (i) {
values+=this.value;
})
alert(values);
})
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btn").click(function () {
var values = "你是:";
//遍历所有checkbox中选择的(如果你想全部都要,去掉:checked), 并显示相关信息
$(":checkbox:checked").each(function (i) {
//jQuery方式。 jQuery1.6以前用attr, 1.6及以后用prop
var result = "checked: " + $(this).prop("checked") + " , value: " + $(this).val();
//js方式。 建议这种有争议性的东西, 用原生的js方式。
result = "checked: " + this.checked + " , value: " + this.value;
alert(result);
});
})
});
</script>
</head>
<body>
<input type="checkbox" value="第一" />第一<br />
<input type="checkbox" value="第二" />第二<br />
<input type="checkbox" value="第三" />第三<br />
<input type="checkbox" value="第四" />第四<br />
<input type="checkbox" value="第五" />第五<br />
<input type="button" value="提交" id="btn" />
</body>
</html>jquery checkbox 全选/全不选 的通用写法 :
http://blog.csdn.net/yenange/article/details/8543772