jquery如何判断checkbox（复选框）是否被选中

最新推荐文章于 2023-10-25 10:22:14 发布
最新推荐文章于 2023-10-25 10:22:14 发布
阅读量325 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/hs8888/p/5520513.html
版权

谁都知道 在html 如果一个复选框被选中 是 checked="checked"。

但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked

所以很多朋友判断  if($("#id").attr("checked")=="true") 这个是错误的，其实应该是 if($("#id").attr("checked")==true)

例子里面包括了一下几个功能。

   <input type="button" id="btn1" value="全选">
   <input type="button" id="btn2" value="取消全选">
   <input type="button" id="btn3" value="选中所有奇数">
   <input type="button" id="btn4" value="反选">
   <input type="button" id="btn5" value="获得选中的所有值">

代码

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <SCRIPT LANGUAGE="JavaScript" src="http://www.cnjquery.com/demo/jquery.js"></script>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
   $("document").ready(function(){
    
    $("#btn1").click(function(){
     
    $("[name='checkbox']").attr("checked",'true');//全选
  
    })
       $("#btn2").click(function(){
     
    $("[name='checkbox']").removeAttr("checked");//取消全选
  
    })
    $("#btn3").click(function(){
     
    $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
  
    })
    $("#btn4").click(function(){
     
    $("[name='checkbox']").each(function(){
     
   
     if($(this).attr("checked"))
   {
    $(this).removeAttr("checked");
    
   }
   else
   {
    $(this).attr("checked",'true');
    
   }
   
    })
  
    })
     $("#btn5").click(function(){
    var str="";
    $("[name='checkbox'][checked]").each(function(){
     str+=$(this).val()+""r"n";
   //alert($(this).val());
    })
   alert(str);
    })
   })
  //-->
  </SCRIPT>
  
 </HEAD>

 <BODY>
 <form name="form1" method="post" action="">
   <input type="button" id="btn1" value="全选">
   <input type="button" id="btn2" value="取消全选">
   <input type="button" id="btn3" value="选中所有奇数">
   <input type="button" id="btn4" value="反选">
   <input type="button" id="btn5" value="获得选中的所有值">
   <br>
   <input type="checkbox" name="checkbox" value="checkbox1">
   checkbox1
   <input type="checkbox" name="checkbox" value="checkbox2">
   checkbox2
   <input type="checkbox" name="checkbox" value="checkbox3">
   checkbox3
   <input type="checkbox" name="checkbox" value="checkbox4">
   checkbox4
   <input type="checkbox" name="checkbox" value="checkbox5">
   checkbox5
   <input type="checkbox" name="checkbox" value="checkbox6">
   checkbox6
   <input type="checkbox" name="checkbox" value="checkbox7">
   checkbox7
   <input type="checkbox" name="checkbox" value="checkbox8">
 checkbox8
 </form>

转载于:https://www.cnblogs.com/hs8888/p/5520513.html

aodutan3334
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery判断复选框是否被选中的方法
01-19
jquery 判断复选框是否选中以及如何选中的问题做一下总结。 进入正题，还是当页面有如下一组复选框的时候： <input type=checkbox name=fruit value=apple />苹果 <input type=checkbox name=fruit value...
jQuery检测判断复选框是否被选中了的几种方法
TeachYouToBe的博客
06-29 1万+
今天项目有个新的需求，实现一个恢复出厂设置的功能，后台参数已经给我，需要我根据参数做出恢复出厂的俩种情况，一种是恢复数据，另一种数据和配置都要恢复。所以我决定用用复选框来控制两种情况，通过复选框来判断ajax传递的路径。 方法一： if ($("#checkbox-id")get(0).checked) { // do something } 方法二： if($('#che
复选框checkbox如何判定为被选中
Mr.Cheng的博客
09-02 3万+
近期，我在开发网站的考试系统时，遇到了一个关于复选框checkbox如何判定为被选中的问题。网上的说法很多，但是没有说到重点上的，而这篇文章解释的很详细，于是，我把它记录下来。原始博客地址：http://www.cnblogs.com/circulatttt/p/5193262.html 要想判定复选框选中状态可以使用：$("#test1").prop("checked")和$("#test1").
如何判断input复选框是否选中
qq_45281478的博客
09-16 4105
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
jquery選取所有checkbox和判斷是否全部checkbox已經被勾選
weixin_30823683的博客
01-18 100
前言 勾選/取消勾選 全部勾選checkbox的時候 勾選/取消勾選 所有對應的checkbox 當所有對應checkbox有別勾選的時候， 全部勾選checkbox 也要被勾選 完整程式碼範例 前言 在做網頁的時候常常遇到的是列表清單。而通常列表必須提供checkbox來供使用者選取之後在做相對應的動作。因此，前端處理checkbox觸發變的很常用。 這一篇我會介紹兩個常用jquery的sn...
jquery判断单个复选框是否被选中的代码
12-11
”cr”>我已经阅读</label> a 用DOM方式来判断是否被选中 代码如下: $(function(){ var $cr = $(“#cr”); var cr =$cr[0]; $cr.click(function(){ if(cr.checked){ alert(“谢谢注册”); } else{ alert&#40...
jquery判断checkbox(复选框)是否被选中的代码
01-19
代码如下: //是否被选中验证有选中的return true,否return false function mycheckbox() { var falg = 0; $(“input[name=’soft[]’]:checkbox”).each(function () { if ($(this).attr(“checked”)) { falg += 1;...
jquery处理checkbox（复选框）是否被选中实例代码
10-19
主要介绍了jquery处理checkbox（复选框）是否被选中实例代码的相关资料,需要的朋友可以参考下
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
10-26
本篇文章主要是对jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
jQuery如何判断checkbox（复选框）是否被选中
09-09
jQuery如何判断checkbox（复选框）是否被选中
jquery操作复选框(checkbox)的12个小技巧总结
【Erica W】有问题，就问神奇海螺吧！
10-13 465
//1、获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val()//或者$("input:[type='checkbox']:checked").val();//或者$("input:[name='ck']:checked").val();//2、 获取多个checkbox选中项$('input:checkbox').each(function()
jquery 使用attr方法对checkBox进行全选和反选操作
西洲
06-20 898
function checkBoxAll(){ $(".checkboxChoose").bind("click",function(){ var _this=$(this),flag=_this.hasClass("checkAll"); var checkbox=$("[name=bookChoose]:checkbox");//得到所有的checkbox。 if(flag
用Jquery实现checkbox的反选、全选、全不选
热门推荐
阴慧超的博客
09-18 4万+
当我们在用JS来实现web端操作的时候，多选框的全选、全不选和反选是最常用的功能，尤其是当数据量大的时候就需要这样的批量操作来给用户带来方便、快捷的服务了。        下面我们就来用JQuery实现checkbox多选框的全选、全不选、反选的功能：         假设有4个checkbox多选框，他们包含在一个id=“chk”的div中，而全选、全不选、反选的button按钮所在标签的i
JQuery实现的 checkbox 全选、反选。
绿茵场的激情
02-18 797
发现网上写的全选的代码，不是完整的，是有bug的。全选它分几种情况 1. 全选的checkbox选中时，子checkbox全部选中。反之，全部不选 2.子checkbox中，只要有没有被选中的，取消全选checkbox的选中 3.子checkbox的数量和子checkbox被选中的数量一样时，全选checkbox要被选中 [javascript]
jQuery实现checkbox全选，反选
weixin_30599769的博客
06-06 125
jQuery代码 //checkbox全选 $("#checkall").click(function() { //$('input[name="subbox"]').attr("checked",this.checked); $('input[name="subbox"]').prop("checked",this.checked); }); var $subbox = $("i...
checkbox获取勾选状态_jQuery判断checkbox选中状态
weixin_39840153的博客
12-19 3892
前言神奇的JQuery怎么设置checkbox状态时好时坏？明明同一行代码，断点跟踪确实执行了，但是有时候好使，有时候却没有生效。毕竟对JS不是很熟悉，只是通过JS来处理前端HTML的标签的状态设置时，通过JQuery有时候会更方便些的，但是发现更不好办。今天尝试实现checkbox全选、全不选功能，与App开发中的效果是一样的，勾选全选则将所有的选项都选中；同样取消勾选某个子项也将全选设置为非选...
jQuery 判断复选框是否被选中
黄河爱浪的博客-专注CSS,jQuery,uni-app领域
05-16 2万+
jQuery 判断复选框（checkbox）是否被选中，请阅读我的原创文章《jQuery attr()与prop()》，文章中的 prop() 方法介绍中有详细的说明和源码示例。
jQuery判断checked的三种方法
tianxianghuiwei的博客
10-25 1346
2 .attr(‘checked’): //看版本1.6+返回:”checked”或”undefined”;4 .is(‘:checked’): //所有版本:true/false//别忘记冒号哦。有这种哦:$(“#cb1″).prop(“checked”,”checked”);//函数返回true或false。会返回true，否则返回false。
jquery 判断复选框是否选中
最新发布
12-24
可以使用jQuery的prop()方法来判断复选框是否被选中。首先，我们需要在HTML中给复选框添加一个id属性，然后在jQuery中使用prop()方法来判断该复选框是否被选中。 例如，假设我们有一个id为“checkBox”的复选框，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值