首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

HTML&JavaScript兑现全选小例子

2012-09-21 
HTML&JavaScript实现全选小例子htmlheadmeta http-equivContent-Type contenttext/html charse

HTML&JavaScript实现全选小例子

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>全选或其全不选</title><script language="javascript">function checkAll(){ var allCheckBoxs=document.getElementsByName("isBuy"); for(var i = 0; i<allCheckBoxs.length;i++) {  if(allCheckBoxs[i].type="checkbox")  {if(allCheckBoxs[i].checked==true){allCheckBoxs[i].checked=false;}else if(allCheckBoxs[i].checked==false){allCheckBoxs[i].checked=true;}  } }}</script></head><body><a href="javascript:checkAll(true)">全选</a><a href="javascript:checkAll(false)">全不选</a><input type="checkbox" name="" onclick="javascript:checkAll()">全选<table width="250" height="194" border="0">  <tr>   <td width="105"> <input type="checkbox" name="isBuy" /> </td>    <td width="129" colspan="2">张三</td>  </tr>  <tr>    <td width="105"> <input type="checkbox" name="isBuy" /></td>    <td width="129" colspan="2">李四</td>  </tr>  <tr>  <td width="105" > <input type="checkbox" name="isBuy"/></td>    <td width="129" colspan="2">王麻子</td>  </tr>   <td width="105"> <input type="checkbox" name="isBuy"/></td>    <td width="129" colspan="2">赵六</td>  </tr></table></body></html>

热点排行