jquery操作checkbox,实现全选。
来源:互联网 发布:linux内核调试方法 编辑:程序博客网 时间:2024/04/30 22:42
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head runat=
"server"
>
<title>jQuery实现CheckBox全选、全不选</title>
<script src=
"http://code.jquery.com/jquery-1.4.4.min.js"
type=
"text/javascript"
></script> <script type=
"text/javascript"
>
$(
function
() {
$(
"#checkAll"
).click(
function
() {
$(
'input[name="subBox"]'
).attr(
"checked"
,
this
.checked);
});
var
$subBox = $(
"input[name='subBox']"
);
$subBox.click(
function
(){
$(
"#checkAll"
).attr(
"checked"
,$subBox.length == $(
"input[name='subBox']:checked"
).length ?
true
:
false
);
});
});
</script>
</head>
<body>
<div>
<input id=
"checkAll"
type=
"checkbox"
/>全选
<input name=
"subBox"
type=
"checkbox"
/>项1
<input name=
"subBox"
type=
"checkbox"
/>项2
<input name=
"subBox"
type=
"checkbox"
/>项3
<input name=
"subBox"
type=
"checkbox"
/>项4
</div>
</body>
</html>
0 0
- jquery操作checkbox,实现全选。
- Jquery实现操作Gridview中的Checkbox全选
- Jquery 实现全选checkbox
- jquery实现checkbox全选
- MVC Jquery 实现Checkbox全选
- 用Jquery实现 checkbox全选
- jQuery实现CheckBox全选、全不选
- jQuery实现CheckBox全选、全不选
- jQuery实现CheckBox全选、全不选
- jquery实现checkbox全选,全不选
- jQuery实现CheckBox全选、全不选
- jQuery实现CheckBox全选、全不选
- jQuery实现Checkbox全选功能
- jQuery实现checkbox全选 全不选
- jQuery实现CheckBox全选、全不选
- jQuery 实现checkBox全选效果
- jquery实现checkbox全选/全不选
- jquery 实现checkbox全选功能
- 对QT namespace UI的理解
- leetcode 110 Balanced Binary Tree
- freescale:i.MX6ul平台—ext4文件系统挂载错误总结
- 从0开始<十三>:getint()函数(类似于scanf函数)以及库函数strncpy、strncat及strncmp函数的实现
- QT学习资料总结
- jquery操作checkbox,实现全选。
- Gson 源码分析 总结
- IOS网络笔记--(三方库)上拉加载下拉刷新
- SNN 未被启动异常
- python模块之codecs
- 偶数个3【递推公式】
- 栈中最小元素
- Android 07:Android的国际化应用
- Java文件上传与下载