源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

CheckBox 如何实现全选?

  • 时间:2022-07-16 13:46 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:CheckBox 如何实现全选?
在一个表单中有很多CheckBox,请问如何实现选种一个而让所有的都选中?   ---------------------------------------------------------------   function  selectAll(checkBoxName){              var  elms  =  document.getElementsByName(checkBoxName);              if  (elms.length<1)  return;              var  allChecked  =  true;              for  (var  i=0;i<elms.length;i++)                          if  (elms[i].type=="checkbox")                                      allChecked  &=  elms[i].checked;              for  (var  i=0;i<elms.length;i++)                          if  (elms[i].type=="checkbox"){                                                  elms[i].checked  =  !allChecked;                                                  if  (elms[i].onclick)  elms[i].onclick();                          }   }   ---------------------------------------------------------------   <input  type=checkbox  name=m><input  type=checkbox  name=m><input  type=checkbox  name=m><input  type=checkbox  name=m>   <input  type=checkbox  name=m><input  type=checkbox  name=m><input  type=checkbox  name=m><input  type=checkbox  name=m>      全选<input  type=checkbox  value="Check  All"  onclick="mm(this)">     <script  language=javascript>       function  mm(o)   {        var  a  =  document.getElementsByName("m");        for  (var  i=0;  i<a.length;  i++){            a[i].checked  =  o.checked;        }   }   </script> <input type=checkbox name=chk> <input type=checkbox name=chk> <input type=checkbox name=chk> <input type=checkbox name=chk> <input type=checkbox name=chk> <br> 全选:<input type=checkbox onclick=sel('chk')> <script language="javascript">  function sel(a){    o=document.getElementsByName(a)    for(i=0;i<o.length;i++)    o[i].checked=event.srcElement.checked   } </script> 
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部