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

请教一下小弟我要做一个全选和当选的按钮如何做

2012-03-29 
请问一下我要做一个全选和当选的按钮怎么做?tr!--第一行--td classw10p a_c binput typesubmi

请问一下我要做一个全选和当选的按钮怎么做?
<tr><!--第一行-->
  <td class="w10p a_c b"><input type="submit" value="" name="m";/>全选</td>
  </tr>
  <tr class=" secondAll"><!--第二行-->
  <td class="w10p a_c b"><input type="radio" value="1" name="1"/></td><!--单选-->
  </tr>
  <tr class=" secondAll"><!--第三行-->
  <td class="w10p a_c b"><input type="checkbox"; name="m"/></td><!--单选-->
  </tr>
我现在只学习了html和css javaScript还没开始学,可以完成吗

[解决办法]

HTML code
<html><head><script type="text/javascript">function checkEvent(name,allCheckId){  var allCk=document.getElementById(allCheckId);  if(allCk.checked==true)  checkAll(name);  else  checkAllNo(name);  }//全选function checkAll(name){  var names=document.getElementsByName(name);  var len=names.length;  if(len>0)  {   var i=0;   for(i=0;i<len;i++)   names[i].checked=true;      }}//全不选function checkAllNo(name){  var names=document.getElementsByName(name); var len=names.length; if(len>0)  {    var i=0;    for(i=0;i<len;i++)    names[i].checked=false;  }}//反选function reserveCheck(name){  var names=document.getElementsByName(name); var len=names.length; if(len>0) { var i=0;   for(i=0;i<len;i++)   {     if(names[i].checked)     names[i].checked=false;     else     names[i].checked=true;        } } }</script></head><body><input type="checkbox" id="ckall" onclick="checkEvent('ck','ckall')" />全选<input type="checkbox" id="ckReserve" onclick="reserveCheck('ck','ckReserve')" />反选    <br /><input type="checkbox" name="ck" value="1" />篮球    <br /><input type="checkbox" name="ck" value="2" />旅游    <br /><input type="checkbox" name="ck" value="3" />读书 <br /><input type="checkbox" name="ck" value="4" />美食    <br /><input type="checkbox" name="ck" value="5" />睡觉</body></html> 

热点排行