您的位置:首页 > Web前端 > JQuery

JQuery判断CheckBox是否选中

2018-01-17 00:40 387 查看
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!");
});
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: