获取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);
}

我的其他文章

我的其他网站

感兴趣可以互相沟通技术呀

字节小柜:

经验分享 程序员 微信小程序 职场和发展