zoukankan      html  css  js  c++  java
  • 一个清晰但不简洁的HTML 复选框全选方案

    这个方案牛逼的地方在于取消任意一个选项  全选按钮也会自动取消选定


    <
    form id="form1" runat="server"> <div> <input type="checkbox" name="checkC" onclick="resAll()"/>1 <input type="checkbox" name="checkC" onclick="resAll()"/>2 <input type="checkbox" name="checkC" onclick="resAll()"/>3 <input type="checkbox" name="checkC" onclick="resAll()"/>4 <input type="checkbox" name="checkC" onclick="resAll()"/>5 <input type="checkbox" name="checkC" onclick="resAll()"/>6 <input type="checkbox" name="checkC" onclick="resAll()"/>7 <input type="checkbox" name="all" id="all" onclick="checkAll()"/>全选 <script type="text/javascript" > function checkAll(){ var d = document, items=d.getElementsByName("checkC"), itemall = d.getElementById("all"), len = items.length; for(var i=0;i<len;i++){ items[i].checked=itemall.checked; } } function resAll(){ var d = document, items=d.getElementsByName("checkC"), itemall = d.getElementById("all"), ite=0; for(var i=0;i<items.length;i++){ if(items[i].checked){ ite++; } } if(ite==items.length-1&&itemall.checked){ itemall.checked=false; } if(ite==items.length&&!itemall.checked){ itemall.checked=true; } } </script> </div> </form>

    另附:

    html的name和id可以类比身份证的姓名和身份证编号
    编号id具有唯一性,一个id只出现一次。
    名称name具备可重复性,可以多次出现。
    在css中两者都具备识别html元素的作用,name用点号.表示,id用井号#
    一般name用于通用多次出现元素的样式定义,id用于唯一性元素样式定义。

    在表单当中,由于有些控件具备多元素特性,例如radio checkbox等,使用id不便于表单数据的提交,此外浏览器会根据name来设定发送到服务器的request,因此在表单当中,用name来提交数据。

    当然,在实际的html中,也完全可以不用id,用单独的class也可以起到代替id的作用。但是在js中,是无法通过class直接后去html元素的, 定义id便于相关操作。
  • 相关阅读:
    Java 中的定时任务(一)
    超实用 Git 使用方式介绍
    TCP 建立连接为什么要握 3 次手?
    OSI、TCP、IP、UDP 这些都是啥??
    Java 中线程安全问题
    PlantUML——3.Graphviz的安装
    PlantUML——2.中文乱码及解决
    PlantUML——1.Hello
    maven实战系列
    NGUI优化之Drawcall
  • 原文地址:https://www.cnblogs.com/ck235/p/4985500.html
Copyright © 2011-2022 走看看