开发过程中,checkbox复选框的全选、不选、反选功能经常用到,例如后台操作多条记录的批量删除,前台兴趣爱好的多项选择等等.
假如现在有三个链接标签,一个实现全选,一个不选,一个反选,onclick的事件分别为:sel_all('1'),sel_all('0'),rev_sel().多项选择复选框的name属性为check_box.事件代码如下:
先在网页头部包含JQuery库文件(jquery是什么?).
01.
//全选 、不选
02.
function
sel_all(checked){
03.
????
var
check_obj = $(
"input[name='check_box']"
);
04.
????
for
(
var
i=0; i<check_obj.length;i++){
05.
????????
if
(checked){
06.
????????????
check_obj.get(i).checked =
true
;
07.
????????
}
else
{
08.
????????????
check_obj.get(i).checked =
false
;
09.
????????
}
10.
????
}
11.
????
return
;
12.
}
13.
?
?
14.
//反选
15.
function
rev_sel(){
16.
????
var
check_obj = $(
"input[name='check_box']"
);
17.
????
for
(
var
i=0; i<check_obj.length;i++){
18.
????????
check_obj.get(i).checked = ! check_obj.get(i).checked;
19.
????
}
20.
????
return
;
21.
}
22.
?
?
23.
//判断是否至少选择了一项
24.
function
count_sel(){
25.
????
var
checked_num = $(
"input[name='check_box']:checked"
).length;
26.
????
if
(checked_num == 0){
27.
?????????
alert(
'请至少选择一项吧!'
);
28.
?????????
return
;
29.
????
}
30.
????
//多项选择后的操作代码(略)
31.
}
?
http://www.itpob.cn/thread-10383-1-1.html