文章目录

JS - 全部选择、取消全部选择 - 1

js

window.onload = function() {
                //全部选择
                document.getElementById('checkall').onclick = function() {
                    //获取文档中所有的input元素
                    var obj = document.getElementsByTagName('input');
                    for (var i = 0; i < obj.length; i ++) {
                        if (obj[i].type == 'checkbox') {
                            obj[i].checked = true;
                            //设置复选框元素对象的checked属性值为true就能勾选该复选框
                            //false即为取消选择
                        }
                    }
                }
                //全部取消选择
                document.getElementById('deselect').onclick = function() {
                    var obj = document.getElementsByTagName('input');
                    for (var i = 0; i < obj.length; i ++) {
                        if (obj[i].type == 'checkbox') {
                            obj[i].checked = false;
                        }
                    }
                }
            }

html

<button class="checkall" id="checkall">
    <a href="#">全选</a></button>
<button class="deselect" id="deselect">
    <a href="#">取消选择</a></button>
<button class="batchdel" id="submitbatchdel" type="submit">
    <a href="" onclick="if(confirm('确定要删除数据吗?')) return true;else return false;">批量删除</a>
</button>
返回文章列表 打赏
本页链接的二维码
打赏二维码
期待你的评论