获取checkbox选中状态的两种方式

获取checkbox选中状态的两种方式

第一种方式

<input type="checkbox">

$("[type=checkbox]").click(function () {
    alert($(this).is(":checked"))
})



//jquery获取选中的三种方法
$(this).attr('checked); //看版本1.6+返回:”checked”或”undefined”
$(this).prop('checked'); //16+:true/false
$(this).is(':checked'); //所有版本:true/false
$(this).prop("checked","checked");

//query赋值checked的几种写法:
$(this).attr("checked","checked");
$(this).attr("checked",true);
$(this).prop("checked",true);
$(this).prop({checked:true});

$(this).prop("checked",function(){
    return true;//函数返回true或false
});

第二种方式

使用原生js click函数:

html代码:

<input type="checkbox" onclick="checkbox(this)">


function checkbox(obj) {
    alert(obj.checked);
}

Last updated