全选,不全选

function chkall() {
            var obox = document.getElementById("chkAll");
            console.log(obox.name);
            var odiv = document.getElementById("div");
            console.log(odiv);

            var ach = odiv.getElementsByTagName("input");
            console.log(ach);

            for (var i = 0; i < ach.length; i++) {
                ach[i].checked = obox.checked;
            }
        }

全选

    function chksingle() {
            var obox = document.getElementById("chkAll");
            var odiv = document.getElementById("div");
            var ach = odiv.getElementsByTagName("input");
            for (var i = 0; i < ach.length; i++) {
                ach[i].onclick = function () {
                    if (!this.checked) {
                        obox.checked = false;
                    }

                    var flag = true;
                    for (var i = 0; i < ach.length; i++) {
                        if (!ach[i].checked) {
                            flag = false;
                            break;
                        }
                    }
                    if (flag) {
                        obox.checked = true;
                    }
                };
            }
        }

不全选

时间: 2024-10-09 22:08:04

全选,不全选的相关文章

复选框作为按钮 实现全选/不全选

$(function () {            $("#checkAll").click(function () {                $('input[name="infoids[]"]').attr("checked", this.checked);            });            var $subBox = $("input[name='infoids[]']");         

jquery prop()方法 解决全选 不全选 反选 问题 解决执行一次不不能再执行问题

//1.如果通过prop()函数更改<input>和<button>元素的type属性,在多数浏览器上将会抛出一个错误,因为该属性一般不允许在后期更改.//如果使用prop()函数操作表单元素的checked.selected.disabled等属性,如果该元素被选中(或禁用),则返回true,否则(意即HTML中没有该属性)返回false.//3.prop()函数还可以设置或返回DOM元素的Element对象上的某些属性,例如:tagName.selectedIndex.node

jquery-实现全选与不全选

jquery代码: 省略引用jquery代码. <script type="text/javascript"> //全选    $(function() {        $("#selectAll").click(function() {            if (this.checked) {                $("#chapterlist :checkbox").each(function() {      

jQuery隔行换色+全选/全部选demo

隔行换色 html代码 <table border="1" cellspacing="" cellpadding="" width="500px"> <tr> <td>测试数据</td> <td>测试数据</td> <td>测试数据</td> <td>测试数据</td> </tr> <tr&

js 全选 不选 反选

js实现 全选 不选 反选 思路: 1,获取元素 2,给全选 不选 反选添加点击事件 3,用for循环checkbox 4,把checkbox的checked设置为true即实现全选 5,把checkbox的checked设置为false即实现不选 6,通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设为true选中状态. html代码: <input type="button&qu

全选复选框做法

全选复选框 js方法 function CheckAll(){ var qx = document.getElementById("qx").checked; var ck = document.getElementsByClassName("qx"); for(var i=0; i<ck.length;i++) { ck[i].checked = qx; } } jQuery方法: $(document).ready(function(e) { $(&quo

WPF: 实现带全选复选框的列表控件

本文将说明如何创建一个带全选复选框的列表控件.其效果如下图:     这个控件是由一个复选框(CheckBox)与一个 ListView 组合而成.它的操作逻辑: 当选中“全选”时,列表中所有的项目都会被选中:反之,取消选中“全选”时,所有项都会被取消勾选. 在列表中选中部分数据项目时,“全选”框会呈现不确定状态(Indetermine). 由此看出,“全选”复选框与列表项中的复选框达到了双向控制的效果. 其设计思路:首先,创建自定义控件(CheckListView),在其 ControlTem

全选复选框

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title&

JS实现购物车全选多选按钮功能

对于JS初学者来说,一个完整的购物车实现还是挺难的,逻辑功能挺多.写出完整功能,能提升不少JS基础,下面实现购物车全选多选按钮功能: 首先HTML及CSS部分: <style> table { border-collapse: collapse; } td { border: 1px solid #000000; width: 100px; height: 30px; text-align: center; } </style> <body> <table>