zoukankan      html  css  js  c++  java
  • jsp对checkbox的操作

    <script>   
          function   func(){   
              var   options=document.getElementsByName("chkBox");   
              for   (var   i=0;i<options.length;i++){
                   if(!options[i].disabled){
                         options[i].checked=true;   
                   }
               }
          }   
      </script>   
      <input   type=checkbox   name=chkBox   value=1   disabled>   
      <input   type=checkbox   name=chkBox   value=1>   
      <input   type=checkbox   name=chkBox   value=1>   
      <input   type=checkbox   name=chkBox   value=1> 
      <input   type=button   value="测   试"   onclick="func()">  
    
    *************************************
    
    JSP中对复选框checkbox的取值
    
    使用复选框选可以很方便的一次选择多个数据,对于用户来说是很方便的。下面给出一种实现方法,共同学习。如果有其他更好的方法,也希望各位能共享出来。
    
    页面中的处理:
    
    
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>复选框的全选</title>
    </head>
    <body>
    <script language="JavaScript" type="text/JavaScript">
    /* 是否全选标记 */
    var checkedAll = false;
    
    /* 全选/取消全选
    * formName 所在form的name值
    * checkboxName checkbox的name值
    * 注意:所有checkbox的name值都必须一样,这样才能达到全选的效果
    */
    function selectAll(formName,checkboxName){
    var form = document.all.item(formName);
    var elements = form.elements[checkboxName];
    for (var i=0;i<elements.length;i++){ 
    var e = elements[i];
    if(checkedAll){
    e.checked = false;
    form.alls.checked = false;
    } else {
    e.checked = true;
    form.alls.checked = true;
    }
    }
    if(checkedAll){
    checkedAll = false;
    } else {
    checkedAll = true;
    }
    } 
    /* 检查是否有checkbox被选中
    * formName 所在form的name值
    * checkboxName checkbox的name值
    * 注意:所有checkbox的name值都必须一样,这样才能达到全选的效果
    */
    function checkAll(formName,checkboxName){
    var hasCheck = false;
    var form = document.all.item(formName);
    var elements = form.elements[checkboxName];
    for (var i=0;i<elements.length;i++){
    var e = elements[i];
    if(e.checked){
    hasCheck = true;
    }
    }
    return hasCheck;
    }
    
    /* 执行操作 */
    function do_action(){
    if (!checkAll("formName","no")){
    alert("没有checkbox被选中,提示用户至少选择一个!");
    } else {
    alert("已有checkbox被选中,可以继续后续操作!");
    }
    }
    
    </script>
    <form name="formName" method="get">
    <table id="dataList" width="200" align="center" border="1">
    <tr>
    <td><input type="checkbox" name="alls" onClick="selectAll('formName','no')" title="全选/取消全选">
    </td>
    <td align="center"> 学号 </td>
    <td align="center"> 姓名 </td>
    </tr>
    <tr>
    <td><input type="checkbox" name="no" value="001" title="选择/不选择">
    </td>
    <td> 001 </td>
    <td> 张三 </td>
    </tr>
    <tr>
    <td><input type="checkbox" name="no" value="002" title="选择/不选择">
    </td>
    <td> 002 </td>
    <td> 李四 </td>
    </tr>
    </table>
    <p align="center"><input type="button" name="actionButton" value="操作" onClick="do_action()"></p>
    </form>
    </body>
    </html>
    
    
    后台的取值方法:
    
    
    String no[] = request.getParameterValues("no");
    
     
    
     
    
    **********************
    
    Struts下JSP页面传递复选框值技巧(原创)
    在页面中有8个复选框,名字都是checkbox,在这里这些checkbox组成了一个复选框组,可以通过checkbox[x]来调用具体的某一个复选框。
    <form name="form1" onSubmit="return check()" action="/alws/orgcodeapply.do" method="post">
           <td width="69" bgcolor="#FFFFFF"><span class="style5">
                  <input type="checkbox" name="checkbox" value=" 延期">
                  延期</span></td>
                  <td width="70" bgcolor="#FFFFFF"><span class="style5">
                  <input type="checkbox" name="checkbox" value=" 迁址">
                  迁址</span></td>
                  <td width="71" bgcolor="#FFFFFF"><span class="style5">
                  <input type="checkbox" name="checkbox" value=" 名称">
                  名称</span></td>
                  <td width="70" bgcolor="#FFFFFF"><span class="style5">
                  <input type="checkbox" name="checkbox" value=" 地址">
                  地址</span></td>
                  <td width="70" bgcolor="#FFFFFF"><span class="style5">
                  <input type="checkbox" name="checkbox" value=" 法人">                
                  法人</span></td>
                  <td width="70" bgcolor="#FFFFFF"><span class="style5">
                  <input type="checkbox" name="checkbox" value=" 资金">                
                  资金</span></td>
                  <td width="70" bgcolor="#FFFFFF"><span class="style5">
                  <input type="checkbox" name="checkbox" value=" 性质">
                  性质</span></td>
       <td width="70" bgcolor="#FFFFFF"><span class="style5">
                  <input type="checkbox" name="checkbox" value=" 其他">                
                  其它</span></td>
    </form>
    在form标签中,有onSubmit方法,通过在form中申明这个方法,可以实现在点击submit按钮时,先调用这个return check()方法,然后再执行
    action。
    下面是这个check()函数有关语句:
    <script language="JavaScript" type="text/JavaScript">
    function check()
    {
     <!--可以在这里检验表单的完整性-->
         if(document.form1.checkbox[0].checked==true)
       {
         document.form1.test.value=document.form1.checkbox[0].value;
      }
         if(document.form1.checkbox[1].checked==true)
       {
         document.form1.test2.value=document.form1.checkbox[1].value;
      }
          if(document.form1.checkbox[2].checked==true)
       {
         document.form1.test3.value=document.form1.checkbox[2].value;
      }
          if(document.form1.checkbox[3].checked==true)
       {
         document.form1.test4.value=document.form1.checkbox[3].value;
      }
          if(document.form1.checkbox[4].checked==true)
       {
         document.form1.test5.value=document.form1.checkbox[4].value;
      }
          if(document.form1.checkbox[5].checked==true)
       {
         document.form1.test6.value=document.form1.checkbox[5].value;
      }
          if(document.form1.checkbox[6].checked==true)
       {
         document.form1.test7.value=document.form1.checkbox[6].value;
      }
          if(document.form1.checkbox[7].checked==true)
       {
         document.form1.test8.value=document.form1.checkbox[7].value;
      }
    }
    </script>
    在上面这个函数中,如果某一个checkbox[x]被选中,则document.form1.checkbox[x].checked==true,执行赋值操作,这些复选框的值value被赋给test x,然后将test x的值传入ActionForm中,就可以得到复选框的相对应的值了,如果test x,没有被赋值,则为NULL
    下面是test相关语句,type=hidden,隐藏表单控件      
           <input name="test" type="hidden" class="input" id="test" size="20">
                  <input name="test2" type="hidden" class="input" id="test2" size="20">
                  <input name="test3" type="hidden" class="input" id="test3" size="20">
                  <input name="test4" type="hidden" class="input" id="test4" size="20">
        <input name="test5" type="hidden" class="input" id="test5" size="20">
                  <input name="test6" type="hidden" class="input" id="test6" size="20">
                  <input name="test7" type="hidden" class="input" id="test7" size="20">
                  <input name="test8" type="hidden" class="input" id="test8" size="20">
    

      

  • 相关阅读:
    HDOJ 1028 母函数分析
    尼姆博弈的典型例题
    HDOJ1232 畅通工程 DFS
    第一个八皇后
    HDOJ 1242
    我的“插入算法”实现
    第五讲 this 类变量 类方法
    我的“二分查找算法”实现
    我对锤子ROM 功能的看法——视觉篇
    第六讲 Java 四大特性:抽象 封装 继承 多态
  • 原文地址:https://www.cnblogs.com/xiao0/p/2630031.html
Copyright © 2011-2022 走看看