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

最新推荐文章于 2024-04-02 19:39:43 发布

alex_mmg

最新推荐文章于 2024-04-02 19:39:43 发布

阅读量1.4k

点赞数

分类专栏： Java编程

本文链接：https://blog.csdn.net/alex_mmg/article/details/76736310

版权

Java编程专栏收录该内容

12 篇文章 0 订阅

订阅专栏

在复选框全选，以及选其中的几个进行传值，有以下思路，把每个复选框的值，使用字符串累加，用逗号将其隔开代码如下

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;
   
   

  
  
  
  
   
   }