checkbox全选/取消全选以及checkbox遍历jQuery实现代码
2011-03-15 16:39
1001 查看
全选/取消全选
<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>
<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>
相关文章推荐
- checkbox全选/取消全选以及checkbox遍历jQuery实现代码
- checkbox全选/取消全选以及checkbox遍历jQuery实现代码
- 如何用jquery实现checkbox的全选、反选、取消反选,以及如何得到选中的checkbox的值
- jquery checkbox全选、取消全选实现代码
- jQuery checkbox全选/取消全选实现代码
- jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
- jquery全选checkBox功能实现代码(取消全选功能)
- jquery全选checkBox功能实现代码(取消全选功能)
- jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例
- jQuery checkbox全选/取消全选实现代码
- GridView控件的选择功能,代码实现CheckBox控件的全选、反选以及取消
- jquery checkbox全选、取消全选实现代码
- jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
- Jquery 实现动态加入table tr 和删除tr 以及checkbox的全选 和 获取加入TR删除TR后的数据
- jquery实现复选框checkbox全选,取消全选
- JQuery实现checkbox的全选/取消全选,实现类似于邮箱功能
- jQuery实现CheckBox全选,全不选,反选代码
- JS实现全选与取消 Jquery判断checkbox是否被选中
- jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
- JS小功能(checkbox实现全选和全取消)实例代码