时间:2021-05-28
复制代码 代码如下:
<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>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
今天这样写了一个全选和取消全选的功能:全选:$(":checkbox").attr("checked","checked");取消全选:$(":checkbox
废话不多说了,直接给大家贴代码了,具体代码如下所示:jQuery实现CheckBox全选、全不选$(function(){$(':checkbox').clic
1、checkbox日常jquery操作。现在我们以下面的html为例进行checkbox的操作。全选项1项2项3项4全选和全部选代码:$(function()
以前用原生JS写过checkbox——类似邮箱全选功能,点击这里。最近在学习jquery,今天抽空用jquery写个checkbox——类似邮箱全选功能。复制代
checkbox全选\全部取消$("#ChkAll").click(function(){$("#divContentinput[type='checkbox'