jQuery: 判断checkbox复选框是否被选中

最新推荐文章于 2024-06-11 20:43:12 发布
最新推荐文章于 2024-06-11 20:43:12 发布
阅读量1.7k 收藏
点赞数 1
分类专栏： JS
原文链接：http://www.webkaka.com/tutorial/js/2019/050543/
版权

本文介绍如何用jQuery获取checkbox复选框选中状态，或验证是否选中或取消选中复选框。

 jQuery: 判断checkbox复选框是否被选中

jQuery: 判断checkbox复选框是否被选中

这里我们使用jQuery .is()方法和匹配的checked属性。

描述：方法.is()针对选择器、元素或jQuery对象检查当前匹配的元素集，如果这些元素中的至少一个与给定的参数匹配，则返回true。

下面是实例分析。

引用jQuery库文件

在HTML代码前面需要引用jQuery库文件，你可以把jQuery库文件下载到本地服务器进行调用，也可以直接使用第三方提供的公共库文件，这里推荐使用百度的jQuery库文件。

  • <head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>

     

HTML

这里我们有一个checkbox复选框控件和一个button按钮标签，所以我们的HTML如下所示：

<input type='checkbox' id='chkFollow'>Follow Me
<button id="btnCheckStatus">Click me</button>

jQuery：使用.is(":checked")方法将返回布尔值

所以现在下面写的jQuery代码，将显示复选框状态。在按钮单击时是否选中或取消选中该复选框。

var chkItem=$("#chkFollow");
$("#btnCheckStatus").on('click',function(){
  if($(chkItem).is(":checked"))
  {
    console.log("Yes you are following ");
  }
  else
  {
    console.log("No you are not following");
  }
});

在上面的代码中，我们将checkbox复选框控件存储在一个变量中，我们在button按钮点击功能触发时使用，基本上将变量分配给控件（选择器）是性能方面的良好实践，即缓存控件。

接下来我们使用.is(":checked")这个返回布尔值。 结果，我们知道我们的复选框当前状态，已选中或未选中。

猿学
关注
专栏目录
订阅专栏
jQuery如何判断checkbox（复选框）是否被选中
09-09
jQuery如何判断checkbox（复选框）是否被选中
jQuery判断复选框是否被选中的3种方式
weixin_34128501的博客
01-08 2万+
页面部分：     &lt;input type="checkbox" id="cbx" /&gt;&lt;label for="cbx"&gt;点我&lt;/label&gt;&lt;br/&gt;     &lt;input type="button" id="btn" value="获取复选框的值"/&am
jQuery 判断复选框是否被选中
热门推荐
黄河爱浪的博客-专注CSS,jQuery,uni-app领域
05-16 2万+
jQuery 判断复选框（checkbox）是否被选中，请阅读我的原创文章《jQuery attr()与prop()》，文章中的 prop() 方法介绍中有详细的说明和源码示例。
jQuery如何验证复选框是否选中
最新发布
ggq53219的博客
06-11 389
方法来验证复选框（checkbox）是否已经被选中。这个方法会返回一个布尔值（请注意，在DOM元素加载完成后执行此代码是很重要的。你可以将上述代码放在。标签之前，以确保在尝试访问或修改DOM元素之前，这些元素已经加载完成。来检查该元素是否被选中。标签放在HTML文档的底部，紧接在。在jQuery中，你可以使用。），指示元素是否被选中。的复选框元素，然后使用。如果未被选中，则返回。
如何使用jQuery检查复选框是否选中
Jerry学长
05-29 452
以上介绍了几种检查复选框是否选中的方法，每种方法都有其适用的场景：使用prop使用is()使用toggle()});在实际开发中，可以根据具体需求选择合适的方法来实现功能。通过这些方法，我们能够在用户界面中灵活地显示和隐藏元素，提升用户体验。最后，需要注意的是，最好确保你使用的jQuery版本在1.6或以上，以便支持prop方法。这将确保代码的兼容性和稳定性。
jquery判断复选框是否被选中的方法
01-19
jquery 判断复选框是否选中以及如何选中的问题做一下总结。 进入正题，还是当页面有如下一组复选框的时候： <input type=checkbox name=fruit value=apple />苹果 <input type=checkbox name=fruit value...
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
10-26
本篇文章将详细介绍如何使用jQuery来判断复选框是否被选中，以及如何实现全选和反选功能。下面我们将逐个探讨这些知识点。 1. **jQuery判断复选框是否被选中** 在jQuery中，可以使用`.attr()`方法检查复选框的`...
jquery处理checkbox（复选框）是否被选中实例代码
10-19
本文将详细介绍如何使用jQuery来处理复选框是否被选中的情况，包括全选、取消全选、选中奇数位置的复选框、反选复选框以及获取所有选中复选框的值。 首先，需要了解jQuery中获取复选框状态的方法。在早期的jQuery...
jquery判断checkbox(复选框)是否被选中的代码
10-28
在jQuery中，对复选框...以上就是jQuery中关于判断和操作复选框选中状态的基本知识。在实际应用中，这些技巧可以灵活组合，以满足各种复杂的需求。了解并熟练掌握这些方法，将有助于提高Web开发的效率和用户体验。
JQuery判断checkbox是否选中及其它复选框操作方法合集
12-11
一、jquery判断checkbox是否选中及改变checkbox状态 jquery判断checked的三种方法: 代码如下: .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”,”chec
jquery判断单个复选框是否被选中的代码
12-11
<input type=”checkbox” id=”cr” /><label for=”cr”>我已经阅读</label> a 用DOM方式来判断是否被选中 代码如下: $(function(){ var $cr = $(“#cr”); var cr =$cr[0]; $cr.click(function(){ if(cr.checked){ alert(“谢谢注册”); } else{ alert(“NO”); } }); });
jquery 判断复选框是否被选中
iteye_8535的博客
11-26 156
jquery如何判断checkbox（复选框）是否被选中 都知道 在html 如果一个复选框被选中 是 checked="checked"。   但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked   所以很多朋友判断  if($("#id").attr("checked")=="true") 这个是
jquery判断复选框是否被选中
caoqifu的博客
06-22 259
每天多学一些知识就少写一行代码，贵在坚持； &lt;!DOCTYPE html&gt; &lt;html&gt;   &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;复选框默认选中&lt;/title&gt; &lt;script type="text/javascript" src=&q
jquery 判断复选框是否选中
心如止水
04-17 855
if ($("#ckbox_1").attr("checked") ) {                                      if ($("#ckbox_2").attr("checked")  || $("#ckbox_3").attr("checked") ) {
jQuery判断复选框是否选中
n_meng的博客
08-10 581
JQ1.6之前的版本，可以这样写：      //获取是否选中  var isChecked = $('#cb').attr('checked');  //设置选中  $('#cb').attr('checked',true);    这样写在JQ1.6之前完全没问题，可是当我们升级JQ1.6到更高的版本时，问题就来了，此时我们会发现：  $('#cb').attr('c
JQuery 判断复选框是否选中
weixin_30840253的博客
08-07 110
$("input").attr("checked") == "checked" or "undefined" $("input").prop("checked") == true or false 　　这种可以 博客园找到一个沙雕博主骗人 骗我用这种 不可以 //$("input").prop("checked") ...
判断复选框是否选中
weixin_45228198的博客
05-15 209
方式一 var isChecked = $("#remember").prop("checked") console.log(isChecked)// false/true 方式二 var isChecked = $("#remember").is("checked") //返回true or false 设置选框的大小 <input type="checkbox" id="remember" style="zoom:150%;">记住我 ...
javascript验证复选框是否选中
蛤蟆仙人
03-18 183
function subForm(){ var errflag=false; for(i=0;i &lt;fm.elements.length;i++) { if(fm.elements[i].checked==true) { errflag=true; ...
JQuery复选框操作完全指南：判断与状态设置
"这篇资源主要讲述了如何在JQuery中判断checkbox是否选中以及进行其他相关的复选框操作，包括各种版本的JQuery中检查和设置checkbox状态的方法。" 在JavaScript库JQuery中，处理HTML元素的操作变得非常方便，尤其是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值