zoukankan      html  css  js  c++  java
  • JS实现多个复选框全选

    <script language="JavaScript">
    function selall1()
    {
     
    var i = 0;
     
    if(document.all("turnit1").value=="全选")
     {
      
    for(i=0;i<document.addform.elements.length;i++
      {
          
    if(document.addform.elements[i].type == "checkbox"&&(document.addform.elements[i].name=="jcss"))
          {
           document.addform.elements[i].checked
    =true;
          }
      } 
      document.all(
    "turnit1").value="清除";
     }
     
    else
     {
      
    for(i=0;i<document.addform.elements.length;i++
      {
          
    if(document.addform.elements[i].type == "checkbox"&&(document.addform.elements[i].name=="jcss"))
          {
           document.addform.elements[i].checked
    =false;
          }
      } 
      document.all(
    "turnit1").value="全选";
     }
    }
    function selall2()
    {
     
    var i = 0;
     
    if(document.all("turnit2").value=="全选")
     {
      
    for(i=0;i<document.addform.elements.length;i++
      {
          
    if(document.addform.elements[i].type == "checkbox"&&(document.addform.elements[i].name=="sbqk"))
          {
           document.addform.elements[i].checked
    =true;
          }
      } 
      document.all(
    "turnit2").value="清除";
     }
     
    else
     {
      
    for(i=0;i<document.addform.elements.length;i++
      {
          
    if(document.addform.elements[i].type == "checkbox"&&(document.addform.elements[i].name=="sbqk"))
          {
           document.addform.elements[i].checked
    =false;
          }
      } 
      document.all(
    "turnit2").value="全选";
     }
    }

    </SCRIPT>
    <TABLE cellSpacing=0 cellPadding=0 width=96% border=0>
                        
    <TBODY>
                        
    <FORM name=addform onsubmit="return checkform()" action=hezu_add_save.asp
    method=post >
    <TR> 
                                    
    <TD width=15% height="26" align=left><font color="#FF9900">·</font>基础设施: 
                                    
    </TD>
                                    
    <TD align=left colSpan=3><LABEL> 
                                      
    <input
    name=jcss type=checkbox id="jcss2" value=水电 style="margin-left:-5px">
                                      水电
    </LABEL> <LABEL> 
                                      
    <input
    name=jcss type=checkbox id="jcss2" value=煤气>
                                      煤气
    </LABEL> <LABEL> 
                                      
    <input
    name=jcss type=checkbox id="jcss2" value=暖气>
                                      暖气
    </LABEL> <LABEL> 
                                      
    <input
    name=jcss type=checkbox id="jcss2" value=厨房>
                                      厨房
    </LABEL> <LABEL> 
                                      
    <input name=jcss type=checkbox id="jcss2"
    value
    =有线>
                                      有线
    </LABEL> <LABEL> 
                                      
    <input name=jcss type=checkbox id="jcss2"
    value
    =合金窗>
                                      合金窗
    </LABEL> <LABEL> 
                                      
    <input name=jcss type=checkbox id="jcss2"
    value
    =防盗门>
                                      防盗门
    </LABEL> <INPUT id=turnit1 onclick=javascript:selall1() type=button value=全选 name=turnit1></TD>
                                  
    </TR>
    <TR> 
                                    
    <TD align=left height="26"><font color="#FF9900">·</font>配套设施: 
                                    
    </TD>
                                    
    <TD align=left colSpan=3 height="26" style="line-height:160%;padding-bottom:2px"> 
                                      
    <p> 
                                        
    <LABEL> 
                                        
    <input type=checkbox value=地板
    name=sbqk style="margin-left:-5px">
                                        地板
    </LABEL>
                                        
    <LABEL> 
                                        
    <INPUT type=checkbox value=床
    name=sbqk>
                                        床铺
    </LABEL>
                                        
    <LABEL> 
                                        
    <INPUT type=checkbox value=家具
    name=sbqk>
                                        家具
    </LABEL>
                                        
    <LABEL> 
                                        
    <input type=checkbox value=电话
    name=sbqk>
                                        电话
    </LABEL>
                                        
    <LABEL> 
                                        
    <INPUT
    type=checkbox value=电视 name=sbqk>
                                        电视
    </LABEL>
                                        
    <LABEL> 
                                        
    <input
    type=checkbox value=空调 name=sbqk>
                                        空调
    </LABEL>
                                        
    <LABEL> 
                                        
    <input
    type=checkbox value=洗衣机 name=sbqk>
                                        洗衣机
    </LABEL>
                                        
    <LABEL> 
                                        
    <input
    type=checkbox value=电冰箱 name=sbqk>
                                        冰箱
    </LABEL>
                                        
    <LABEL><br>
                                        
    <INPUT type=checkbox value=宽带 name=sbqk style="margin-left:-5px">
                                        宽带
    </LABEL>
                                        
    <LABEL> 
                                        
    <INPUT type=checkbox value=电梯 name=sbqk>
                                        电梯
    </LABEL>
                                        
    <LABEL> 
                                        
    <input type=checkbox value=车位 name=sbqk>
                                        车位
    </LABEL>
                                        
    <LABEL> </LABEL>
                                        
    <LABEL> </LABEL>
                                        
    <LABEL> 
                                        
    <input
    type=checkbox value=热水器 name=sbqk>
                                        热水器
    </LABEL>
                                        
    <INPUT
    type=checkbox value=油烟机 name=sbqk>
                                        油烟机 
                                        
    <INPUT onclick=javascript:selall2() type=button value=全选 name=turnit2>
                                      
    </p></TD>
                                  
    </TR>
    </form>
    </table>

     

    申明

    非源创博文中的内容均收集自网上,若有侵权之处,请及时联络,我会在第一时间内删除.再次说声抱歉!!!

    博文欢迎转载,但请给出原文连接。

  • 相关阅读:
    【SQL】oralce中使用group by和case when按照条件求和
    【SQL】ORACLE在sqlplus中使用spool方式生成建表语句
    【SQL】将特定的元素按照自己所需的位置排序
    【LeetCode刷题】SQL-Second Highest Salary 及扩展以及Oracle中的用法
    【LeetCode刷题】SQL-Combine Two Tables
    CSDN无故封我账号,转战博客园。
    Visual Studio 代码管理器svn插件下载
    Geoserver的跨域问题
    Jmeter+Ant+jenkins实现api自动化测试的持续集成
    python编程中的并发------多线程threading模块
  • 原文地址:https://www.cnblogs.com/Athrun/p/1126286.html
Copyright © 2011-2022 走看看