• 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!");
        });
    });
  • 相关阅读:
    jmeter实战
    安卓学习进度_11
    安卓学习进度_10
    安卓学习进度_9
    安卓学习进度_8
    安卓软件学习进度_7
    安卓学习进度_6
    安卓软件学习进度_5
    安卓软件学习进度_4
    安卓软件学习进度_3
  • 原文地址:https://www.cnblogs.com/EasonJim/p/8299727.html
Copyright © 2020-2023  润新知