获取checkbox选中状态的两种方式_张童瑶的博客
获取checkbox选中状态的两种方式
我在开发项目的时候遇到这个问题,就是循环表格,表格里面嵌有checkbox复选框格式,这时候就有个需求了,如何获取checkbox选中状态?后来我经过去网上一番搜寻,也没有找到答案,网上有很多人都是复制别人,拿过来自己的,很多都是抄别人的,所以经过我自己一番研究,提供了两种获取checkbox方法,有助于帮助大家问题。
解决问题:使用jquery框架生成的表格checkbox内容(生成的name、id熟悉什么的jquery获取不到)
第一种方式
使用jquery方式获取状态:
html代码:
<input type="checkbox">
$("[type=checkbox]").click(function () {
alert($(this).is(":checked"))
})
补充其他使用JQuery获取状态的几种方法:
//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);
}
我的其他文章
我的其他网站
感兴趣可以互相沟通技术呀
字节小柜:
