发新话题
打印

java scri pt 应用:实现复选框全选/全不选切换

本主题由 admin 于 2008-6-13 00:12 提升

java scri pt 应用:实现复选框全选/全不选切换

java scri pt  应用:实现复选框全选/全不选切换   ; ?5 x- X3 N) P* l( i5 w

[已审核]


; s' L5 C9 A. D  K1 l" Ljavascript应用:实现复选框全选/全不选切换 <input type=checkbox name=mm value=a ><br>: p' u0 [! v2 P0 O# @
<input type=checkbox name=mm value=b ><br>
2 G% X$ H% y. [, _9 a<input type=checkbox name=mm value=c ><br>/ E3 b* M0 ]0 B! {+ j; G
<input type=checkbox name=mm value=d ><br>
0 _8 r3 N9 c0 Y7 ]. T2 o3 d<input type=checkbox name=mm value=e ><br><br>
7 u" F. E+ r6 \* ?# |<input type=checkbox name=mmAll >全选与不全选的切换: @8 E% b, X' w: d3 B
) E2 o* g5 U0 v. D
<script language=Javascript>1 _+ Y0 ~; J9 ]5 X$ A( L5 \8 m
function checkAll(e, itemName)
7 |# x- d8 y6 V{  A, Q  I( \3 a9 l* S6 ~
var aa = document.getElementsByName(itemName);
7 {. f5 c$ y. pfor (var i=0; i<aa.length; i++)
: R3 G* P; _4 O9 l+ J0 V2 T  aa.checked = e.checked;
/ j/ B7 V3 E/ X/ ~0 y" c2 _}
; E1 ~5 K. G3 i; h$ F' nfunction checkItem(e, allName)
/ {; y0 E2 u+ G+ X{0 e0 ?6 T" N8 Q5 [
var all = document.getElementsByName(allName)[0];5 f* f" [: F9 j5 g3 K0 T
if(!e.checked) all.checked = false;& u* m2 w2 A. f- O5 F" W2 y. }& h
else
  x1 L- K% M1 I1 k" A{
1 V" |7 V% P2 m* I& O* B  var aa = document.getElementsByName(e.name);
% e- [7 u' V, c  for (var i=0; i<aa.length; i++)
6 K( ?- \6 R1 X9 H1 V  if(!aa
.checked) return;
2 p" I; F: b" Z1 ^# ~  all.checked = true;
9 n7 `2 ]2 X* g) S5 \8 n}
$ l/ h% ^+ P" h+ f9 v8 x}# N6 X5 T; i  P; P+ [5 C9 A
</script>9 n3 V0 S  o" }, e8 b$ m5 t7 T; C
/ C$ Z% D4 T8 a8 G4 `. z; r2 E8 w/ i
  ps:(当然若那个全选框是其它的控件比如是一个按钮,或者一个链接什么的话,那复选框里的 checkItem 点击事件可以去掉,以免出错)

9 p4 L/ @7 ?, K) w* Y$ ~- i

) q( I- f7 f  r" q6 G# M0 X

TOP

好资料,谢谢分享 !

TOP

发新话题
手机号码所在地查询:
Google
IP地址: