获取checkbox选中状态的两种方式
获取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); }
我的其他文章
亲身分享 一次 字节跳动 真实面试经历和面试题
其他
自己做的小商城，开发技术 SpringCloud + Nacos + 支付宝支付 + Vue
感兴趣的可以相互讨论技术！
顺便说一下，国内又一款开源软件Wall，搭建特别简单，可以搭建个人照片墙和视频墙，有兴趣可以看下教程：https://blog.csdn.net/u014641168/article/details/129396364
