CH9,p175全选,反选

来源:互联网 发布:星野娜美 知乎 编辑:程序博客网 时间:2024/06/01 16:03
<script language="javascript">function checkAll(form1,status){                            //全选    var elements = form1.getElementsByTagName('input');     //获取input标签    for(var i=0; i<elements.length; i++){                   //根据标签的长度执行循环        if(elements[i].type == 'checkbox'){             //判断对象中元素的类型,如果类型为checkbox            if(elements[i].checked==false){             //判断当checked的值为false时                elements[i].checked=true;                   //为checked赋值为true            }        }    }   }function switchAll(form1,status){           //反选    var elements = form1.getElementsByTagName('input');    //console.log(elements);    for(var i=0; i<elements.length; i++){        if(elements[i].type == 'checkbox'){            if(elements[i].checked==true){                elements[i].checked=false;            }else if(elements[i].checked==false){                elements[i].checked=true;            }        }    }   }function uncheckAll(form1,status){  //不选    var elements = form1.getElementsByTagName('input');     //获取input标签    for(var i=0; i<elements.length; i++){                   //根据标签的长度执行循环        if(elements[i].type == 'checkbox'){             //判断对象中元素的类型,如果类型为checkbox            if(elements[i].checked==true){                  //判断当checked的值为true时                elements[i].checked=false;                  //为checked赋值为false            }        }    }   }</script><body><table width="117" border="0" align="center" cellpadding="0" cellspacing="0">  <tr>    <td colspan="2"><img src="images/_02.jpg" width="1003" height="66" /></td>  </tr>  <tr>    <td width="210"><img src="images/_03.jpg" width="210" height="608" /></td>    <td width="793" height="608" align="center" valign="top" background="images/_04.jpg"><table width="700" border="0" align="center">        <tr>          <td> </td>          <td height="50"> </td>          <td> </td>        </tr>        <tr>          <td> </td>          <td><form method="post" name="form1" id="form1" action="">              <table width="547" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#FBA720">                <tr>                  <td height="35" colspan="5" align="center" bgcolor="#FFFFFF"><span class="STYLE1">订单管理</span></td>                </tr>                <tr>                  <td width="77" align="right" bgcolor="#FFFFFF">说明:</td>                  <td width="389" bgcolor="#FFFFFF"><textarea name="touser" cols="50" rows="10" id="touser"></textarea></td>                  <td width="63" height="33" bgcolor="#FFFFFF" class="STYLE2"><a href="#" onClick="javascript:document.getElementById('touser').value='';return false;"><img src="images/_14.jpg" width="60" height="25" border="0" /></a></td>                </tr>                <tr>                  <td rowspan="6" align="right" bgcolor="#FFFFFF">操作:</td>                  <td height="30" colspan="2" align="left" bgcolor="#FFFFFF"><input name="PHP3" type="checkbox" id="PHP3" value="PHP" />                    C++编程词典全能版</td>                </tr>                <tr>                  <td height="30" colspan="4" align="left" bgcolor="#FFFFFF"><input name="PHP" type="checkbox" id="PHP" value="PHP" />                    VC编程词典钻石版</td>                </tr>                <tr>                  <td height="30" colspan="4" align="left" bgcolor="#FFFFFF"><input name="PHP4" type="checkbox" id="PHP4" value="PHP" />                    PHP编程词典体验版</td>                </tr>                <tr>                  <td height="30" colspan="4" align="left" bgcolor="#FFFFFF"><input name="PHP5" type="checkbox" id="PHP5" value="PHP" />                    C#编程词典标准版</td>                </tr>                <tr>                  <td height="30" colspan="4" align="left" bgcolor="#FFFFFF"><input name="PHP6" type="checkbox" id="PHP6" value="PHP" />                    VB编程词典全能版</td>                </tr>                <tr>                  <td height="30" colspan="4" align="left" bgcolor="#FFFFFF"><input name="PHP7" type="checkbox" id="PHP7" value="PHP" />                    ASP编程词典体验版</td>                </tr>                <tr>                  <td colspan="5" align="center" bgcolor="#FFFFFF"><img src="images/_01.jpg" onclick="checkAll(form1,status)" width="60" height="25" />  <img src="images/_08.jpg" onclick="switchAll(form1,status)"  width="60" height="25" />  <img src="images/_11.jpg" width="60" height="25" onclick="uncheckAll(form1,status)" />   </td>                </tr>              </table>            </form></td>          <td> </td>        </tr>        <tr>          <td> </td>          <td> </td>          <td> </td>        </tr>      </table></td>  </tr>  <tr>    <td colspan="2"><img src="images/_05.jpg" width="1003" height="54" /></td>  </tr></table><p> </p></body>

0 0
原创粉丝点击