代码如下:
<html>
<head>
<script src=”jquery-1.3.2.min.js” type=”text/javascript”></script>
</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” />全选/取消全选
<script type=”text/javascript”>
$(“#chk_all”).click(function(){
$(“input[name=’chk_list’]”).attr(“checked”,$(this).attr(“checked”));
});
</script>
</body>
</html>
<head>
<script src=”jquery-1.3.2.min.js” type=”text/javascript”></script>
</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” />全选/取消全选
<script type=”text/javascript”>
$(“#chk_all”).click(function(){
$(“input[name=’chk_list’]”).attr(“checked”,$(this).attr(“checked”));
});
</script>
</body>
</html>
下面的代码是获取上面实例中选中的checkbox的value值:
代码如下:
<script type=”text/javascript”>
var arrChk=$(“input[name=’chk_list’][checked]”);
$(arrChk).each(function(){
window.alert(this.value);
});
});
</script>
var arrChk=$(“input[name=’chk_list’][checked]”);
$(arrChk).each(function(){
window.alert(this.value);
});
});
</script>
—-想了解更多的jquery相关特效编写怎么解决关注<计算机技术网(www.ctvol.com)!!>
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/90702.html