首页
IT
登录
6mi
u
盘
搜
搜 索
IT
JQUERY实现全选全不选
JQUERY实现全选全不选
xiaoxiao
2021-12-02
19
最近遇到要做一个checkbox做全选和全不选的的东东,查了一些资料,写了一个小列子
<
script
type
=
"text/javascript"
>
<!--
全选或者全不选
-->
function
allselect
(){
if
(!
$
(
"#selectAll"
).
is
(
'
:
checked
'
)){
$
(
"#treeTable :checkbox"
).
attr
(
"checked"
,
false
);
}
else
{
$
(
"#treeTable :checkbox"
).
attr
(
"checked"
,
true
);
}
<!--
获取选中的
checkbox
值
-->
var
valArr
=
new
Array
;
$
(
"#treeTable :checkbox[checked]"
).
each
(
function
(
i
){
valArr
[
i
]
=
$
(
this
).
val
();
});
var
vals
=
valArr
.
join
(
'
'
);
//转换为逗号隔开的字符串
alert
(
vals
);
return
vals
;
}
<!--
单个选择
-->
function
selectOne
(){
if
(!
$
(
"#oneselect"
).
is
(
'
:
checked
'
)){
$
(
"#oneselect :checkbox"
).
attr
(
"checked"
,
false
);
}
else
{
$
(
"#oneselect :checkbox"
).
attr
(
"checked"
,
true
);
}
<!--
获取选中的
checkbox
值
-->
var
valArr
=
new
Array
;
$
(
"#treeTable :checkbox[checked]"
).
each
(
function
(
i
){
valArr
[
i
]
=
$
(
this
).
val
();
});
var
vals
=
valArr
.
join
(
'
'
);
//转换为逗号隔开的字符串
alert
(
vals
);
return
vals
;
}
</
script
>
转载请注明原文地址: https://ju.6miu.com/read-679637.html
专利
最新回复
(
0
)