zoukankan      html  css  js  c++  java
  • 全选全不选反选

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="js/jquery.min.js">

    </script>
    </head>
    <body>
    <div>
    兴趣爱好: <br> <br> <input type="checkbox" name="fav"
    value="look" checked="checked"> 看书 <input type="checkbox"
    name="fav" value="write"> 写字 <input type="checkbox"
    name="fav" value="drow"> 画画 <input type="checkbox" name="fav"
    value="dubao"> 读报 <input type="checkbox" name="fav"
    value="TV"> 看电视
    </div>

    <div>
    <input type="radio" name="hx" id="qx" value="1" > 全选
    <input type="radio" name="hx" id="fx" value="2" > 反选
    <input type="radio" name="hx" id="qbx" value="0"> 全不选
    </div>
    </body>
    <script type="text/javascript">
    window.onload=function(){
    var input=document.getElementsByName("fav");
    var qx=document.getElementById("qx");
    var fx=document.getElementById("fx");
    var qbx=document.getElementById("qbx");
    qx.onclick=function(){
    for(var i=0;i<input.length;i++){
    input[i].checked=true;
    }
    }
    qbx.onclick=function(){
    for(var i=0;i<input.length;i++){
    input[i].checked=false;
    }
    }
    fx.onclick=function(){
    for(var i=0;i<input.length;i++){
    input[i].checked=!input[i].checked;
    }
    }
    }
    </script>
    </html>

  • 相关阅读:
    structInMemory
    合并字符串
    eggs
    1005. Spell It Right (20) -PAT
    60 人工智能
    50 计算机网络
    20数据结构
    40操作系统
    10 C/C++/python
    30汇编
  • 原文地址:https://www.cnblogs.com/javaweb2/p/6244417.html
Copyright © 2011-2022 走看看