文章标题

来源：互联网发布：seajs 源码分析玉伯编辑：程序博客网时间：2024/06/18 13:52

JS代码实现复选框的全选，取消全选的实现方法
相关js代码如下：

<script lang="javascript" type="text/javascript">//全选        function checkAll(name) {            var el = document.getElementsByTagName('input');            var len = el.length;            for (var i = 0; i < len; i++) {                if ((el[i].type == "checkbox") && (el[i].name == name)) {                    el[i].checked = true;                }            }        }        //取消全选        function clearAll(name) {            var el = document.getElementsByTagName('input');            var len = el.length;            for (var i = 0; i < len; i++) {                if ((el[i].type == "checkbox") && (el[i].name == name)) {                    el[i].checked = false;                }            }        }        //取消权限的选中事件        function doSome(a) {            document.getElementById('test').checked = false;            if (!a.checked) {                a.checked = false;            } else {                a.checked = true;            }        }</script>

简单看一下html页面，代码如下：

<html><head><title>复选框的基本操作</title></head><body><table><tr><td><input id='test' type="checkbox" style="margin - right: 5px; " name="stuAll" onclick="if (this.checked== true) { checkAll('stu');} else { clearAll('stu');}"/>全选</td><td>序号</td></tr><tr><td><input type="checkbox" name="stu" onclick="doSome(this)"/></td><td>1</td></tr><tr><td><input type="checkbox" name="stu" onclick="doSome(this)"/></td><td>2</td></tr><tr><td><input type="checkbox" name="stu" onclick="doSome(this)"/></td><td>3</td></tr></body></html>

1 0