精华内容
下载资源
问答
  • 判断复选框是否选中

    千次阅读 2019-05-18 18:41:28
    //判断checkbox 是否选中 $("#id").is(":checked");//选中,返回true,没选中,返回false //设置checkbox选中状态 $("#id").prop(“checked”,true); //设置checkbox为不选中状态 $("#id").prop(“checked”,false...

    //判断checkbox 是否选中
    $("#id").is(":checked");//选中,返回true,没选中,返回false

    //设置checkbox为选中状态
    $("#id").prop(“checked”,true);

    //设置checkbox为不选中状态
    $("#id").prop(“checked”,false);

    欢迎加群讨论:711169717

    展开全文
  • 下面本篇文章给大家介绍一下jQuery判断复选框(checkbox)是否选中的几种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。jQuery判断复选框(checkbox)是否选中的几种方法网上大多数文章都提供...

    jquery如何判断复选框是否选中?下面本篇文章给大家介绍一下jQuery判断复选框(checkbox)是否选中的几种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    bfa983ce533c8df25dc63d717b313ad0.png

    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前端学习知识,请查阅 HTML中文网 !!

    展开全文
  • 主要介绍了JQuery判断checkbox是否选中及其它复选框操作方法合集,本文汇总了网上解决这个问题比较好的几篇文章,需要的朋友可以参考下
  • 主要介绍了javascript判断复选框是否选中的方法,需要的朋友可以参考下
  • javascript判断checkbox是否选中的方法:1、直接通过checkbox的checked属性判断。2、调用jQuery使用attr()或is()方法判断。对于在js中来判断checkbox是否选中很简单,示例如下:1、直接通过checkbox的checked属性...

    javascript判断checkbox是否选中的方法:1、直接通过checkbox的checked属性判断。2、调用jQuery使用attr()或is()方法判断。

    d80eb125e87569e2a50567bb1cfe3ae4.png

    对于在js中来判断checkbox是否被选中很简单,示例如下:

    1、直接通过checkbox的checked属性判断。

    HTML代码:

    相应的javascript代码如下:var check = document.getElementsByTagName('input')[0];

    console.log(check.checked);//false

    因为HTML代码中没有设置checked属性值,所以默认返回false,反之则返回true;若要在HTML中设置checkbox为选中状态则可以这样设置:

    2、JavaScript调用jQuery判断checkbox是否被选中

    (1)、JQ1.6版本之前(不包括1.6版本)判断checkbox是否被选中用的是attr()方法,HTML代码与上面相同,只放JQ代码:console.log($("input[type='checkbox']").attr('checked'));//false

    (2)、JQ1.6版本之后Jquery中新引入了prop()方法,此时再用attr()方法判断checkbox的状态则会返回undefined,若有设置checked属性为true,则会返回checked而不是true

    1.6+版本prop()方法:console.log($("input[type='checkbox']").prop('checked'));//false

    (3)、除了以上两种方法JQ中还有一个is()方法同样可以判断checkbox的状态

    is()方法代码如下:console.log($("input[type='checkbox']").is(':checked'));//false

    展开全文
  • 复选框,也叫做CheckBox,是一种可同时选中多项的基础控件,本文就来为大家介绍一下jquery中判断复选框是否选中的方法。jQuery 判断复选框(checkbox)是否选中的方法有:1、属性获取法:$(selector).prop("checked...

    复选框,也叫做CheckBox,是一种可同时选中多项的基础控件,本文就来为大家介绍一下jquery中判断复选框是否选中的方法。

    ee6232a697054c6ad974c25d94683e89.png

    jQuery 判断复选框(checkbox)是否被选中的方法有:

    1、属性获取法:$(selector).prop("checked");

    2、选择器匹配法:$(selector).is(":checked");

    prop() 方法能准确的返回当前复选框是否选中的 布尔值 true or false。

    is()方法用于查看选择的元素是否匹配选择器。

    示例:

    $("#test").click(function () {

    console.log($(this).prop("checked")); //属性

    console.log($(this).is(":checked")); //选择器

    console.log($(this).get(0).checked); //原生

    })

    更多jQuery相关技术文章,请访问 jQuery答疑 栏目进行学习!!

    展开全文
  • jquery判断复选框是否选中
  • 本文实例讲述了JavaScript简单判断复选框是否选中及取出值的方法。分享给大家供大家参考。具体如下: 这里使用JavaScript 获取复选框的值,有朋友在刚开始利用表单提交数据的时候,一般都会遇到表单中有一个特别的...
  • 本文实例讲述了jquery判断复选框是否选中进行答题提示特效代码。分享给大家供大家参考。具体如下: 运行效果截图如下: 具体代码如下: 一、实现的原理: 第一步:判断用户选择哪一项,即哪个复选框被选中 第二步:...
  • 假设我们现在需要这样的场景:页面上有一个checkbox,我们期望通过Jquery来获得它是否选中,或者通过Jquery来让它被选中。在JQ1.6之前的版本,我们会这样写我们的代码:代码如下://获取是否选中var isChecked = $(...
  • 判断checkbox是否选中

    千次阅读 2019-07-30 21:55:17
    无论是if($("#id").attr("checked")=="true") 还是 if($("#id").attr("checked")==true)在实际判断的时候都是不可用的,判断不出来,目前就发现if ($("#id").is(":checked"))这个方法判断checkbox是否选中是行的通...
  • javascript如何判断checkbox是否选中?下面本篇文章就来给大家介绍一下使用javascript判断checkbox是否选中的方法,希望对大家有所帮助。在javascript中可以使用checked属性来判断是否选中,该属性保存了 ...
  • jQuery判断复选框是否选中的三种方法。 PS:下面的代码为通过循环找到在多个复选框中被选中的复选框,并对其删除 //判断复选框是否选中的第一种方法: $.each(buttons,function(index,value){ if(value....
  • 判断checkbox 是否选中

    千次阅读 2017-10-20 13:35:59
    首先input的标签设置checkbox<input name="operaMode" type="checkbox" value="1" /> 堂食 <input name="operaMode" type="checkbox" value="2" /> 外卖 <input name="operaMode" type="checkbox" value=...
  • 判断复选框是否选中状态 推荐两种方法的使用 第一种是prop(‘checked’); 示例代码 <input type="checkbox" id="checks"> <script> //获取文本框 let c1 = $("#checks").prop('checked'); //得到c1...
  • jquery判断checkbox是否选中
  • 判断 checkbox 是否选中以及 设置checkbox选中 1 //判断checkbox 是否选中 2 $("#id").is(":checked");//选中,返回true,没选中,返回false 3 4 //设置checkbox为选中状态 5 $("#id").prop("checked",true)...
  • jquery中如实现判断复选框是否选中,获取选中单选按钮的值
  • 判断checkBox是否选中

    2015-11-19 16:15:30
    也就是说$("#checkBoxId").prop("checked") 返回的其实就是Boolean类型的true Or false ,因此可直接判断,如 if($("#checkBoxId").prop("checked") ){ } 但是由于js中字符串和boolean类型区分的病没有那么严格,所
  • Js判断复选框是否选中

    千次阅读 2018-04-20 17:21:19
    Js判断复选框是否选中实例代码: &lt;!doctype html&gt; &lt;html lang="cn"&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 53,484
精华内容 21,393
关键字:

判断复选框是否选中