`

用javascript向多选框添加监听事件!

阅读更多
<html>
<body> 
    <input type="checkbox" name="checkboxName" onclick="buttonDisable"/>checkboxNameA <br/>
    <input type="checkbox"   name="checkboxName"   />checkboxNameB <br/>
    <input type="button"   value="button"  id="buttonNoDisable" disabled="disabled"  />xxxxxx <br/>
    
</body> 
<script type="text/javascript">
    
    function buttonDisable(){
        var checkbox = document.getElementsByName("checkboxName");
        for(var i=0;i<checkbox.length;i++){
            if (checkbox[i].checked) {
                document.getElementById("buttonNoDisable").disabled=false;
                return;
            }else{
                document.getElementById("buttonNoDisable").disabled=true;
            }
                
        }
    }
    
    function initPage(){
        var checkbox = document.getElementsByName("checkboxName");
        if (window.addEventListener) {//非IE,// 添加监听  
            for(var i=0;i<checkbox.length;i++){
                checkbox[i].addEventListener('click',buttonDisable,false);
            }
        } else if (window.attachEvent){//IE  
            for(var i=0;i<checkbox.length;i++){
                checkbox[i].attachEvent('onclick', buttonDisable);
            }
        }
    }
    
    initPage();
    
    
</script>
</html> 
分享到:
评论

相关推荐

    X6::rocket:使用SVG和HTML进行渲染JavaScript图表库

    :rocket:开箱即用:内置10+图编辑配套扩展,如框选,对齐线,小地图等; :magnet:数据驱动:基于MVC架构,用户更多专注于数据逻辑和业务逻辑; :hundred_points:事件驱动:可以监听图表内部发生的任何事件。安装...

    flex3的cookbook书籍完整版dpf(包含目录)

    用一个复选框渲染器选择DataGrid 列 7.8.节.为DataGrid创建一个独立的复选框项渲染器 7.9.节.为渲染器设置高效图像 7.10.节.为项渲染器和项编辑器应用运行时样式 7.11.节. 为项编辑器应用状态和变换 7.12.节.创建一...

    超实用的jQuery代码段

    《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用jQuery的各项技术,实现令人激动的网页效果。   《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发,对最实用的...

    tricklejs:TrickleJs - 使用 Knockout 的全局过滤器小部件 ..

    复选框按钮 单选按钮 日期范围 列表生成器 版本 0.0.1 科技 Trickle 使用了一些开源项目来正常工作: - 最流行的 HTML、CSS 和 JS 框架,用于在 Web 上开发响应式、移动优先的项目。 - 使用模型-视图-视图模型 ...

    精通AngularJS part1

    使用ng—include处理多个UI区域183 不支持嵌套路由184 65路由相关的模式及技巧185 处理链接185 创建可点击的链接186 兼容HTML5及hashbang模式186 链接外部页面187 组织路由定义187 将路由定义分离到多个模块...

    Eclipse_Swt_Jface_核心应用_部分19

    9.9.9 用键盘控制表格(TableCursor) 189 9.9.10 带有进度条的表格 191 9.9.11 表格小结 192 9.10 树(Tree) 192 9.10.1 不同样式的树 193 9.10.2 为树添加图标 193 9.10.3 可编辑的树 196 9.10.4 ...

    python入门到高级全栈工程师培训 第3期 附课件代码

    08 select监听多连接 09 select与epoll的实现区别 第36章 01 异步IO 02 selectors模块介绍 03 selectors模块应用 04 作业介绍 第37章 01 selctors实现文件上传与下载 02 html的介绍 03 html文档树的概念 04 meta...

    计算机应用技术(实用手册)

    这个项目可指定让AGP装置来使用的系统内存大小,这取用大小是PCI内存地址范围的一部份,可分配给图形内存的空间。 Init Display First: 这个项目可选择当系统开机时先行对AGP或是PCI插槽来做初始化的动作。 [AGP...

Global site tag (gtag.js) - Google Analytics