jquery checkbox全选,全不选,反选方法,
jquery checkbox全选只能操作一次,
jquery checkbox全选只有第一次成功
Js代码 下载
- /**
- * 全选
- * 对于Jquey1.7.2+版本,使用attr会造成只能操作一次。
- * 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
- * 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
- * @param checkName
- */
- function checkAll(checkName){
- $("input[name=‘"+checkName+"‘]").prop("checked", true);
- };
- /**
- * 全不选
- * @param checkName
- */
- function checkNone(checkName){
- $("input[name=‘"+checkName+"‘]").prop("checked", false);
- };
- /**
- * 反选
- * @param checkName
- */
- function checkReverse(checkName){
- $("input[name=‘"+checkName+"‘]").each(function(){
- if($(this).prop("checked")){
- $(this).prop("checked", false);
- }else{
- $(this).prop("checked", true);
- }
- });
- };
- /**
- * 获取checkbox选中数量
- * @param name checkbox的name值
- */
- function getCheckBoxLength(name){
- var length = 0;
- var checkboxes;
- if(name == null || name == ""){
- checkboxes = document.getElementsByTagName("input");
- for(var j=0;j<checkboxes.length;j++){
- if(checkboxes[j].type==‘checkbox‘ && checkboxes[j].checked){
- length+=1;
- }
- }
- }else{
- checkboxes = document.getElementsByName(name);
- for(var i=0;i<checkboxes.length;i++){
- if(checkboxes[i].checked){
- length+=1;
- }
- }
- }
- return length;
- };
- function getCheckedLength(name){
- var length = 0;
- if(name == null || name == ""){
- alert("请添加参数name");
- }else{
- var inputs = document.getElementsByName(name);
- for(var i=0;i<inputs.length;i++){
- if(inputs[i].checked){
- length += 1;
- }
- }
- }
- return length;
- };
- function getCheckedValue(name){
- var value = null;
- if(name == null || name == ""){
- alert("请添加参数name");
- }else{
- var inputs = document.getElementsByName(name);
- for(var i=0;i<inputs.length;i++){
- if(inputs[i].checked){
- value = inputs[i].value;
- break;
- }
- }
- }
- return value;
- };
时间: 2024-10-24 17:46:54