天天看點

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

       document.addform.elements[i].checked=false;

  document.all("turnit1").value="全選";

}

function selall2()

 if(document.all("turnit2").value=="全選")

      if(document.addform.elements[i].type == "checkbox"&&(document.addform.elements[i].name=="sbqk"))

  document.all("turnit2").value="清除";

  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> 

name=jcss type=checkbox id="jcss2" value=瓦斯>

                                  瓦斯</LABEL> <LABEL> 

name=jcss type=checkbox id="jcss2" value=暖氣>

                                  暖氣</LABEL> <LABEL> 

name=jcss type=checkbox id="jcss2" value=廚房>

                                  廚房</LABEL> <LABEL> 

                                  <input name=jcss type=checkbox id="jcss2"

value=有線>

                                  有線</LABEL> <LABEL> 

value=合金窗>

                                  合金窗</LABEL> <LABEL> 

value=防盜門>

                                  防盜門</LABEL> <INPUT id=turnit1 onclick=javascript:selall1() type=button value=全選 name=turnit1></TD>

                              </TR>

                                <TD align=left height="26"><font color="#FF9900">·</font>配套設施: 

                                <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>

                                    <INPUT type=checkbox value=床

name=sbqk>

                                    床鋪</LABEL>

                                    <INPUT type=checkbox value=家具

                                    家具</LABEL>

                                    <input type=checkbox value=電話

                                    電話</LABEL>

                                    <INPUT

type=checkbox value=電視 name=sbqk>

                                    電視</LABEL>

                                    <input

type=checkbox value=空調 name=sbqk>

                                    空調</LABEL>

type=checkbox value=洗衣機 name=sbqk>

                                    洗衣機</LABEL>

type=checkbox value=電冰箱 name=sbqk>

                                    冰箱</LABEL>

                                    <LABEL><br>

                                    <INPUT type=checkbox value=寬帶 name=sbqk style="margin-left:-5px">

                                    寬帶</LABEL>

                                    <INPUT type=checkbox value=電梯 name=sbqk>

                                    電梯</LABEL>

                                    <input type=checkbox value=車位 name=sbqk>

                                    車位</LABEL>

                                    <LABEL> </LABEL>

type=checkbox value=熱水器 name=sbqk>

                                    熱水器</LABEL>

type=checkbox value=油煙機 name=sbqk>

                                    油煙機 

                                    <INPUT onclick=javascript:selall2() type=button value=全選 name=turnit2>

                                  </p></TD>

</form>

</table>

繼續閱讀