jquery如何判断是否选中checkbox

互联网 20-11-24

jquery判断是否选中checkbox的方法:1、使用is判断,代码为【if($('#checkbox-id').is(':checked'))】;2、使用attr判断,代码为【if ($('#checkbox-id').attr()】。

推荐:《jquery视频教程》

本教程操作环境:windows7系统、jquery3.5.1版本,该方法适用于所有品牌电脑。

jquery判断是否选中checkbox的方法:

方法一(建议):

if ($("#checkbox-id").get(0).checked) {     // do something }

感谢豆瓣绿补充:

if ($("#checkbox-id")[0].checked) {     // do something }

方法二(建议):

if($('#checkbox-id').is(':checked')) {     // do something }

方法三(可能无效):

if ($('#checkbox-id').attr('checked')) {     // do something }

方法四:

if ($('#checkbox-id').prop('checked')) {     // do something }

jquery对checkbox的各种操作

//注意: 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr,1.6以上(包含)建议用prop     //1、根据id获取checkbox     $("#cbCheckbox1");     //2、获取所有的checkbox     $("input[type='checkbox']");//or     $("input[name='cb']");     //3、获取所有选中的checkbox     $("input:checkbox:checked");//or     $("input:[type='checkbox']:checked");//or     $("input[type='checkbox']:checked");//or     $("input:[name='ck']:checked");     //4、获取checkbox值     //用.val()即可,比如:     $("#cbCheckbox1").val();     //5、获取多个选中的checkbox值     var vals = [];     $('input:checkbox:checked').each(function (index, item) {         vals.push($(this).val());     });          //6、判断checkbox是否选中(jquery 1.6以前版本 用  $(this).attr("checked"))     $("#cbCheckbox1").click(function () {         if ($(this).prop("checked")) {             alert("选中");         } else {             alert("没有选中");         }     });     //7、设置checkbox为选中状态     $('input:checkbox').attr("checked", 'checked');//or     $('input:checkbox').attr("checked", true);     //8、设置checkbox为不选中状态     $('input:checkbox').attr("checked", '');//or     $('input:checkbox').attr("checked", false);     //9、设置checkbox为禁用状态(jquery<1.6用attr,jquery>=1.6建议用prop)     $("input[type='checkbox']").attr("disabled", "disabled");//or     $("input[type='checkbox']").attr("disabled", true);//or     $("input[type='checkbox']").prop("disabled", true);//or     $("input[type='checkbox']").prop("disabled", "disabled");     //10、设置checkbox为启用状态(jquery<1.6用attr,jquery>=1.6建议用prop)     $("input[type='checkbox']").removeAttr("disabled");//or     $("input[type='checkbox']").attr("disabled", false);//or     $("input[type='checkbox']").prop("disabled", "");//or     $("input[type='checkbox']").prop("disabled", false);

相关免费学习推荐:JavaScript(视频)

以上就是jquery如何判断是否选中checkbox的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: checkbox
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:jQuery中Smart UI是什么

相关资讯