关于复选框全选,全不选以及使用按钮传值

来源:互联网 发布:大数据的主要来源于 编辑:程序博客网 时间:2024/06/13 23:52
在复选框全选,以及选其中的几个进行传值,有以下思路,把每个复选框的值,使用字符串累加,用逗号将其隔开代码如下
function checkAll() {   var id = document.getElementById("all");   var name = document.getElementsByName("checkbox");   if(id.checked==true){      if(name.length){         for(var i=0;i<name.length;i++){            name[i].checked = true;         }      }      name.chcked=true;   }else{      if(name.length){         for(var i=0;i<name.length;i++){            name[i].checked = false;         }      }   }}这段代码是复选框全选全不选function mycheckbox() {   var str = "";   var i=0;   $("input[name='checkbox']:checkbox").each(function () {      if ($(this).is(':checked')) {         str+=$(this).val()+",";         i++;      }   });   if(i==0){      layer.msg("请选择需要合并的会议",{icon:0});   } else  if(i==1){      layer.msg("合并会议至少选择两个以上",{icon:0});   }else {      window.location.href="${ctx}/meetingIn/merger?str="+str;   }
}
这段是将选中的复选框的值传到后台。
这是第二种方法
<input type="checkbox" name="test" value="1"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type='button' value='提交' onclick="fun()"/>
function fun(){
    obj = document.getElementsByName("test");
    check_val = [];
    for(k in obj){
        if(obj[k].checked)
            check_val.push(obj[k].value);
    }
    alert(check_val);
//在这里可以将选中的复选框的值传给后台
window.location.href="${ctx}/meetingIn/merger?str="+check_val;

}


 
阅读全文
0 0