1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
      <output id="hzk7v"></output>
    2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
    3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

      js实现全选反选不选功能代码详解

       更新时间£º2019年04月24日 11:05:22   作者£º光?#38750;?#20799;   我要评论

      这篇文章主要介绍了js实现全选反选不选功能£¬文中通过示例代码介绍的非常详细£¬对大家的学习或者工作具有一定的参考学习价值£¬需要的朋友们下面随着小编来一起学习学习吧

      本文实例为大家分享了js实现全选反选不选功能的具体代码£¬供大家参考£¬具体内容如下

      <!DOCTYPE html>
      <html>
      <meta charset='utf-8' />
      <body>
      <input type='checkbox' name='id' />哈哈<br/>
      <input type='checkbox' name='id' />哈哈<br/>
      <input type='checkbox' name='id' />哈哈<br/>
      <input type='checkbox' name='id' />哈哈<br/>
      <input type='button' name='id' value='全选' onclick='return fun()' />
      <input type='button' name='id' value='取消全选' onclick='return fan()' />
      <input type='button' name='id' value='反选' onclick='return fans()' />
      <script type="text/javascript">
      function fun()
      {
      	var a=document.getElementsByName('id');
      	for(var i=0;i<a.length;i++)
      	{
      		a[i].checked=true;
      	}
      }
      function fan()
      {
      	var a=document.getElementsByName('id');
      	for(var i=0;i<a.length;i++)
      	{
      		a[i].checked=false;
      	}
      }
      function fans()
      {
      	var a=document.getElementsByName('id');
      	for(var i=0;i<a.length;i++)
      	{
      		if(a[i].checked==true)
      		{
      			a[i].checked=false;	
      		}
      		else
      		{
      			a[i].checked=true;
      		}
      	}
      }
      </script>
      </body>
      </html>
      

      相关文章

      最新评论

      3dÊÔ»úºÅÖвÊÍø

        1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
          <output id="hzk7v"></output>
        2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
        3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

            1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
              <output id="hzk7v"></output>
            2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
            3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>