jQuery 如何判断复选框是否选中? 下面本篇文章给大家介绍一下 jQuery 判断复选框 (checkbox) 是否选中的几种方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
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
- }
说明:
- .attr('checked); // 看版本 1.6 + 返回:"checked"或"undefined" ;1.5 - 返回: true 或 false
- .prop('checked'); //16+:true/false
- .is(':checked'); // 所有版本: true/false// 别忘记冒号哦
jQuery 赋值 checked 的几种写法:
所有的 jQuery 版本都可以这样赋值:
- // $("#cb1").attr("checked","checked");
- // $("#cb1").attr("checked",true);
jquery1.6+:prop 的 4 种赋值:
- // $("#cb1″).prop("checked",true);// 很简单就不说了哦
- // $("#cb1″).prop({
- checked:true
- }); //map 键值对
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);
更多 web 前端学习 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/18770.html