zoukankan      html  css  js  c++  java
  • JQuery判断CheckBox是否选中

    function checkValidity() {
    var userNameCheck = $("#userNameCheck").attr('checked');
    var dateCheck = $("#dateCheck").attr('checked');
    var descCheck = $("#descCheck").attr('checked');
    if (!userNameCheck && !dateCheck && !descCheck) {
    alert("至少要勾选一个");
    return false;
    }
    return true;
    }

    var checkUserName = $("#checkUserName").is(":checked");
    var checkOperateTime = $("#checkOperateTime").is(":checked");
    var checkdescriptionInclude = $("#checkdescriptionInclude").is(":checked");
    if (!checkUserName && !checkOperateTime && !checkdescriptionInclude) {
    alert("至少选择一种条件查询");
    return;
    }
    // jquery判断checked的三种方法:
    // .attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
    // .prop('checked'); //16+:true/false
    // .is(':checked'); //所有版本:true/false//别忘记冒号哦
    
    // jquery赋值checked的几种写法:
    // 所有的jquery版本都可以这样赋值:
    // $("#cb1").attr("checked","checked");
    // $("#cb1").attr("checked",true);
    // jquery1.6+
    // prop的4种赋值:
    // $("#cb1″).prop("checked",true);
    // $("#cb1″).prop({checked:true}); //map键值对
    $("#cb1").prop("checked", function () {
        return true;//函数返回true或false
    });
    $("#cb1").prop("checked", "checked");
    
    // checkbox
    // click和change事件
    // 方法1:
    $("#ischange").change(function () {
        alert("checked");
    });
    
    // 方法2:
    $(function () {
        if ($.browser.msie) {
            $('input:checkbox').click(function () {
                this.blur();
                this.focus();
            });
        }
    });
    
    // 方法3:
    $("#ischange").change(function () {
        alert("checked");
    });
    
    // 方法4:
    $(function () {
        if ($.browser.msie) {
            $('input:checkbox').click(function () {
                this.blur();
                this.focus();
            });
        }
    });
    
    // 方法5:
    $(document).ready(function () {
        $("testCheckbox").change(function () {
            alert("Option changed!");
        });
    });
  • 相关阅读:
    pre 强制换行
    code标签和pre标签的定义
    angularJS绑定数据中对标签转义的处理二 与pre标签的使用
    angularJS绑定数据中对标签转义的处理
    html特殊字符
    js switch的使用 ng-switch的使用方法
    JS转换HTML转义符,防止javascript注入攻击,亲测可用
    MVC,MVP 和 MVVM 的图示 转自阮一峰先生网络日志
    AngularJs ngReadonly、ngSelected、ngDisabled
    你应该知道的jQuery技巧
  • 原文地址:https://www.cnblogs.com/EasonJim/p/8299727.html
Copyright © 2011-2022 走看看