CHECKBOX
来源:互联网 发布:m1头盔淘宝 编辑:程序博客网 时间:2024/06/15 20:51
出处:http://www.jb51.net/article/75717.htm
jquery实现全选、反选、获得所有选中的checkbox
1、全选
1
2
3
$(
"#btn1"
).click(
function
(){
$(
"input[name='checkbox']"
).attr(
"checked"
,
"true"
);
})
2、取消全选(全不选)
1
2
3
$(
"#btn2"
).click(
function
(){
$(
"input[name='checkbox']"
).removeAttr(
"checked"
);
})
3、选中所有奇数
1
2
3
$(
"#btn3"
).click(
function
(){
$(
"input[name='checkbox']:odd"
).attr(
"checked"
,
"true"
);
})
4、选中所有偶数
1
2
3
$(
"#btn6"
).click(
function
(){
$(
"input[name='checkbox']:even"
).attr(
"checked"
,
"true"
);
})
5、反选
1
2
3
4
5
6
7
8
9
10
11
12
$(
"#btn4"
).click(
function
(){
$(
"input[name='checkbox']"
).each(
function
(){
if
($(
this
).attr(
"checked"
))
{
$(
this
).removeAttr(
"checked"
);
}
else
{
$(
this
).attr(
"checked"
,
"true"
);
}
})
})
或者
1
2
3
4
5
$(
"#invert"
).click(
function
(){
$(
"#ruleMessage [name='delModuleID']:checkbox"
).each(
function
(i,o){
$(o).attr(
"checked"
,!$(o).attr(
"checked"
));
});
});
6、获取选择项的值
1
2
3
4
5
6
7
8
var
aa=
""
;
$(
"#btn5"
).click(
function
(){
$(
"input[name='checkbox']:checkbox:checked"
).each(
function
(){
aa+=$(
this
).val()
})
document.write(aa);
})
})
7、遍历选中项
1
2
3
4
$(
"input[type=checkbox][checked]"
).each(
function
(){
//由于复选框一般选中的是多个,所以可以循环输出
alert($(
this
).val());
});
8、其他选项
var isAll = $("input[name='" + name +"']").prop("checked") ; //判断是否全选
var all = $("input[name='" + name +"']:checkbox").size() ; //总选择个数
var checked = $("input[name='" + name +"']:checkbox:checked").size() ; //被选中的个数
var notChecked = $("input[name='" + name +"']").not("input:checked").size() ; //没有被选中的个数
阅读全文
0 0
- checkbox
- checkbox
- CheckBox
- CheckBox
- checkbox
- checkbox
- checkbox
- checkbox
- checkbox
- Checkbox
- checkbox
- checkbox
- checkbox
- checkbox
- checkBox
- checkbox
- checkbox
- checkbox
- WebView加载富文本(解决富文本内部图片不能加载,一直闪屏问题)的方法
- ZCMU新人训练赛K
- 变量作用域
- MINI-RNN代码学习
- 机器学习实战:python算法代码汇总
- CHECKBOX
- jquery实现点击步骤条变色,以及点击下一步变色
- C++中的CFile操作详解
- 1. 深度学习过往
- 程序和美丽的图形界面
- 多进程与多线程的区别
- JS 函数和参数的传递
- 链表的代码实现及其讲解
- JEESZ-kafka集群安装