1. 程式人生 > >關於複選框全選,全不選以及使用按鈕傳值

關於複選框全選,全不選以及使用按鈕傳值

在複選框全選,以及選其中的幾個進行傳值,有以下思路,把每個複選框的值,使用字串累加,用逗號將其隔開程式碼如下
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;

}