zoukankan      html  css  js  c++  java
  • jQuery操作checkbox实例

    示意图

    <script type="text/javascript">
            $(function () {
                $("#ddlNumber").change(function () {
                    var number = $("#ddlNumber").find("option:selected").val();
                    if (number != "") {
                        $("#allCheck").attr("checked", false);
                        $("[name = $chkItem]:checkbox").attr("checked", false);
                        for (var i = 0; i < number; i++) {
                            $("[name = $chkItem]:checkbox").eq(i+1).attr("checked", true);
                        }
                    }
                });
                $("#allCheck").bind("click", function () {
                    $("[name = $chkItem]:checkbox").attr("checked", $(this).attr("checked"));
                });
            })
    </script>

     Checkbox单选

    var tmp = '<input name="companyID" type="checkbox" value="' + row["CompanyID"] + '" onclick="userCheck(this)">'
    function userCheck(obj) {
        if (obj.checked) {
            var allCheckbox = $("input[name='companyID']");
            for (var i = 0; i < allCheckbox.length; i++) {
                allCheckbox[i].checked = false;
            }
            obj.checked = true;//设置checkbox的方式之一
        }
    }

    Checkbox必选判断

    var inputs2 = $("input[id$=cbxSelect]", document.getElementById("<% =grvScale.ClientID %>"));
    var flag = false;
    for (var i = 0; i < inputs2.length; i++)
    {
        if (inputs2[i].checked == true) //$(allCheckbox[i]).is(':checked')
        {
            flag = true;
        }
    }

    其它 

    关于用 .prop("checked",true)与.attr("checked",true) 区别参考  包含各种设置checkbox的jquery方法

     jQuery 实现操作checkbox

    <input type="checkbox" id="isUpdate" />
    
    $('input:checkbox[disabled!=disabled]').prop("checked", true);

     与checkbox的选中相关

    1. 选中未checkbox

    $("input:unchecked").length

     2. 判断checkbox是否选中

    var newsletter = $("#newsletter");
    var inital = newsletter.is(":checked"); //boolean值
  • 相关阅读:
    字节和字符,对信息进行编码
    关于TCP的可靠性
    TCP和流
    Socket:流,TCP连接,TCP可靠性概述
    C#中的泛型 Part1
    C# 泛型理解0
    2010 Stanford Local ACM Programming ContestH解题报告
    母函数模板
    poj 1385Lifting the Stone解题报告
    poj 1015Jury Compromise解题报告
  • 原文地址:https://www.cnblogs.com/zhuji/p/5707353.html
Copyright © 2011-2022 走看看