关于列表中checkbox选中,全选设置

1.html>  

2.  

3.  

4.    //点击行时，checkbox处理方法   

5.    function doclick(id){   

6.        var allche = document.getElementById("allid");//全选checkbox   

7.        var che = document.getElementsByName("chname");//获得每行的checkbox   

8.        var ch = document.getElementById("chid"+id);//选中行的checkbox   

9.        if(ch.checked==true){//如果该选中行是已经选中的，则设置该checkbox为不选中   

10.            ch.checked=false;   

11.            allche.checked=false;//设置全选checkbox为不选中   

12.        }else{//如果该选中行是未选中的，则设置该checkbox为选中   

13.            ch.checked="checked";   

14.            //判断是否全部选中，如果已经全部选中，则设置全选checkbox为选中   

15.            var b = true;   

16.            for(var i=0;i17.                if(che[i].checked==false){   

18.                    b = false;   

19.                    break;   

20.                }   

21.            }   

22.            if(b){   

23.                allche.checked="checked";   

24.            }   

25.        }   

26.    }   

27.    //全选checkbox的处理方法   

28.    function doallcheck(){   

29.        var allche = document.getElementById("allid");   

30.        var che = document.getElementsByName("chname");   

31.        if(allche.checked == true){   

32.            for(var i=0;i33.                che[i].checked="checked";   

34.            }   

35.        }else{   

36.            for(var i=0;i37.                che[i].checked=false;   

38.            }   

39.        }   

40.    }   

41.    //如果单击每行的checkbox，则把该checkbox的选中状态反置   

42.    //该方法主要是为了处理单击每行的checkbox时，无效果的问题   

43.    function doclickcheck(obj){   

44.        if(obj.checked==true){   

45.            obj.checked=false;   

46.        }else{   

47.            obj.checked=true;   

48.        }   

49.   }      

50.  

51.  

52.  

53.

97.  

98.