jquery checkbox全选，全不选，反选方法，jquery checkbox全选只能操作一次

Posted 2020-08-14

jquery checkbox全选，全不选，反选方法，

jquery checkbox全选只能操作一次，

jquery checkbox全选只有第一次成功

Js代码  下载

1. /** 

2.  * 全选 

3.  * 对于Jquey1.7.2+版本，使用attr会造成只能操作一次。 

4.  * 对于html元素本身就带有的固有属性，在处理时，使用prop方法。 

5.  * 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。 

6.  * @param checkName 

7.  */  

8. function checkAll(checkName){  

9.     $("input[name=‘"+checkName+"‘]").prop("checked", true);  

10. };  

11.   

12. /** 

13.  * 全不选 

14.  * @param checkName 

15.  */  

16. function checkNone(checkName){  

17.     $("input[name=‘"+checkName+"‘]").prop("checked", false);  

18. };  

19.   

20. /** 

21.  * 反选 

22.  * @param checkName 

23.  */  

24. function checkReverse(checkName){  

25.     $("input[name=‘"+checkName+"‘]").each(function(){  

26.         if($(this).prop("checked")){  

27.             $(this).prop("checked", false);  

28.         }else{  

29.             $(this).prop("checked", true);  

30.         }  

31.     });  

32. };  

33.   

34. /** 

35.  * 获取checkbox选中数量 

36.  * @param name checkbox的name值 

37. */  

38. function getCheckBoxLength(name){  

39.     var length = 0;  

40.     var checkboxes;  

41.     if(name == null || name == ""){  

42.         checkboxes = document.getElementsByTagName("input");  

43.         for(var j=0;j<checkboxes.length;j++){  

44.             if(checkboxes[j].type==‘checkbox‘ && checkboxes[j].checked){  

45.                 length+=1;  

46.             }  

47.         }  

48.     }else{  

49.         checkboxes = document.getElementsByName(name);  

50.         for(var i=0;i<checkboxes.length;i++){  

51.             if(checkboxes[i].checked){  

52.                 length+=1;  

53.             }  

54.         }  

55.     }  

56.     return length;  

57. };  

58.   

59. function getCheckedLength(name){  

60.     var length = 0;  

61.     if(name == null || name == ""){  

62.         alert("请添加参数name");  

63.     }else{  

64.         var inputs = document.getElementsByName(name);  

65.         for(var i=0;i<inputs.length;i++){  

66.             if(inputs[i].checked){  

67.                 length += 1;  

68.             }  

69.         }  

70.     }  

71.     return length;  

72. };  

73.   

74. function getCheckedValue(name){  

75.     var value = null;  

76.     if(name == null || name == ""){  

77.         alert("请添加参数name");  

78.     }else{  

79.         var inputs = document.getElementsByName(name);  

80.         for(var i=0;i<inputs.length;i++){  

81.             if(inputs[i].checked){  

82.                 value = inputs[i].value;  

83.                 break;  

84.             }  

85.         }  

86.     }  

87.     return value;  

88. };