<html>
<head>
< src=\"jquery-1.3.2.min.js\" type=\"text/ \"></ >
</head>
<body>
<input type=\"checkbox\" name=\"chk_list\" id=\"chk_list_1\" value=\"1\" />1<br />
<input type=\"checkbox\" name=\"chk_list\" id=\"chk_list_2\" value=\"2\" />2<br />
<input type=\"checkbox\" name=\"chk_list\" id=\"chk_list_3\" value=\"3\" />3<br />
<input type=\"checkbox\" name=\"chk_list\" id=\"chk_list_4\" value=\"4\" />4<br />
<input type=\"checkbox\" name=\"chk_all\" id=\"chk_all\" />全选/取消全选
< type=\"text/ \">
$(\"#chk_all\").click(function(){
$(\"input[name=\'chk_list\']\").attr(\"checked\",$(this).attr(\"checked\"));
});
</ >
</body>
</html>
jQuery.attr 获取/设置对象的属性值,如：
$(\"input[name=\'chk_list\']\").attr(\"checked\"); //读取所有name为\'chk_list\'对象的状态（是否选中）
$(\"input[name=\'chk_list\']\").attr(\"checked\",true); //设置所有name为\'chk_list\'对象的checked为true
再如：
$(\"#img_1\").attr(\"src\",\"test.jpg\"); //设置ID为img_1的<img>src的值为\'test.jpg\'
$(\"#img_1\").attr(\"src\"); //读取ID为img_1的<img>src值
下面的代码是获取上面实例中选中的checkbox的value值:
< type=\"text/ \">
//获取到所有name为\'chk_list\'并选中的checkbox(集合)
var arrChk=$(\"input[name=\'chk_list]:checked\");
//遍历得到每个checkbox的value值
for (var i=0;i<arrChk.length;i++)
{
alert(arrChk[i].value);
}
</ >
或者使用jquery的each
< type=\"text/ \">
var arrChk=$(\"input[name=\'chk_list\']:checked\");
$(arrChk).each(function(){
window.alert(this.value);
});
});
</ > 继续阅读与本文标签相同的文章
-
超进化，时尚玩主的全新一代名爵ZS，起步只要7.98万
2026-05-14栏目： 教程
-
微信 7.0.8 内测新功能，教你如何激活它
2026-05-14栏目： 教程
-
美女机器人刚上市就售罄，除了生孩子，其他什么都能干！
2026-05-14栏目： 教程
-
互联网之光大会的黑科技，总有一款惊艳你！
2026-05-14栏目： 教程
-
微信宣布一项新举措，关系到每一个用户，网友一致力挺：干得漂亮！
2026-05-14栏目： 教程