美文网首页
17.综合案例1

17.综合案例1

作者: 若愚同学 | 来源:发表于2018-06-12 22:12 被阅读0次
HTML:
<body>
    请选择你的爱好:<br/>
    <input type="checkbox" onchange="checkChange(this)" id="checkAll"/>全选/全不选<br/>
    <div>
        <input type="checkbox" name="hobby"/>JAVA&nbsp;
        <input type="checkbox" name="hobby"/>打篮球&nbsp;
        <input type="checkbox" name="hobby"/>上网&nbsp;
        <input type="checkbox" name="hobby"/>撩妹&nbsp;
    </div>
    
    <div>
        <input type="button" id="btn_checkAll" onclick="checkAll(true)" value="全选"/>
        <input type="button" onclick="checkAll(false)" value="全不选"/>
        <input type="button" onclick="checkUnAll()" value="反选"/>
    </div>
</body>
JS:
function checkAll(value){
    
    //获取所有的爱好
    var eles = document.getElementsByName("hobby");
    
    for(var i = 0; i< eles.length; i++){
        eles[i].checked = value;
    }
    
}

function checkUnAll(){
    //获取所有的爱好
    var eles = document.getElementsByName("hobby");
    
    for(var i = 0; i< eles.length; i++){
        eles[i].checked = !eles[i].checked;
    }
}

function checkChange(srcEl){
    checkAll(srcEl.checked);
}

相关文章

  • 17.综合案例1

    HTML: JS:

  • 综合案例

    来自拉钩教育-JAVA就业集训营 1.商城案例表设计 通过对商城项目的部分表关系进行分析,完成数据库表的设计 1....

  • 2018-09-21

    对关系的综合理解和几点说明 17.几点说明:(1)会计学上资产的定义:资产是指由企业过去经营交易、或各项事项形成的...

  • Uinty的uGUI学习(05):案例-完善登录功能

    一、uGUI - 综合练习完善(案例登录界面) 1.Set Active 设置活动 2.IEnumerator 问...

  • 方法综合案例

    def __init__(self, name): self.name = name @stati...

  • 综合案例展示

    想做出效果如下的页面: html代码入下 CSS样式入下:

  • 方法综合案例

    class Game: top_stor=0 def __init__(self, name): ...

  • javaWeb综合案例

  • OpenGL综合案例

    今天我们来做一个关于OpenGL的一个综合案例,里面包含了点,线,三角形,金字塔等图形的绘制。 需要准备的东西之前...

  • OpenGL 综合案例

    在绘制之前,我们先来介绍下一下几个头文件的作用。 接下来我们需要在外部声明几个全局变量。 绘制地板 main函数工...

网友评论

      本文标题:17.综合案例1

      本文链接:https://www.haomeiwen.com/subject/evxdeftx.html