JQuery判断checkbox是否选中

最新推荐文章于 2024-12-30 17:57:28 发布
转载 最新推荐文章于 2024-12-30 17:57:28 发布 · 545 阅读 · 0

本文介绍如何使用JQuery来判断和设置HTML中Checkbox的状态，包括全选、取消全选、反选及获取已选中项的值等实用技巧。

JQuery判断checkbox是否选中

一。   在html的checkbox里，选中的话会有属性checked="checked"。

   如果用一个checkbox被选中，alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked"))，会打印出"true"，而不是"checked"！

   如果没被选中，打印出的是"undefined"。觉得很奇怪是吗？继续看下去～

不要尝试去做这样的判断：if($"#xxx".attr("checked")=="true")   //这样是错误的

   因为这么做是错的，jQuery的API手册上写，attr(name)的返回值是object。所以，应该是   if($("#xxx").attr("checked")==true)。

判断这个值 $("input[name='weibo_count']").attr("checked");  这样也行

 

<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 checks = "";
    $("input[name='checkbox[]']").each(function(){
        if($(this).attr("checked") == true){
            checks += $(this).val() + "|";
        }
    })
   })
  //-->
  </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
 </form>


 
JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值
03-09
JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值
jQuery如何判断checkbox（复选框）是否被选中
09-09
jQuery如何判断checkbox（复选框）是否被选中
jqery和js如何判断checkbox是否选中
weixin_34378969的博客
03-11 254
jquery： &lt;div id="divId" class="divTable"&gt;&lt;div class="tableBody"&gt;&lt;ul &gt;&lt;li &gt;&lt;input type="checkbox" value="501" &gt;&lt;/li&gt;&l
使用js，jquery判断checkbox是否选中
hello_world_1996的博客
02-04 228
js判断checked的方法: element.checked //返回 true false jq判断checked的方法: $(element).attr('checked') //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false $(element).prop('checked') //1.6+:true/false $(element).is(':checked') //所有版本:true/false// **别忘记冒号哦**
jquery判断checkbox是否选中及改变checkbox状态
热门推荐
世上无难事，只要肯攀登
09-10 28万+
本文转载自：http://www.wufangbo.com/jquery-pan-duan-checked/ jquery判断checked的三种方法: .attr('checked):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false .prop('checked'): //16+:true/false .is(
jQuery判断checkbox是否选中的3种方法
10-25
在Web开发过程中，经常会遇到需要处理表单输入元素的情况。...以上就是使用jQuery判断复选框是否选中的三种方法的详细说明。在实际开发中，建议根据具体场景选择最合适的方法，以保持代码的清晰和效率。
jQuery判断checkbox是否选中的小例子
10-26
在这篇名为“jQuery判断checkbox是否选中的小例子”的文章中，作者讲述了如何使用jQuery来判断复选框（checkbox）是否被选中的几种方法。复选框是一种常见的表单元素，常用于让用户选择一个或多个选项。在Web开发中...
JQuery判断checkbox是否选中及其它复选框操作方法合集
12-11
一、jquery判断checkbox是否选中及改变checkbox状态 jquery判断checked的三种方法: 代码如下: .attr(‘checked): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false .prop(‘checked’): //16+:...
jquery 判断checkbox是否选中
zhuoyuetec的专栏
08-08 4780
参数说明： 1.checkName:表示复选框的name值 2.updateFile:表示数据库需要操作的字段，项目中需要是更新某个字段，所以这个地方传的是需要更新的字段，可以根据具体情况改变 3.formName:表示页面form的name值,如果该程序写在页面中，可以直接写form的name值，比如form name=form2 ,则可以form2.action=  xxx  ;form
jQuery判断checkbox是否选中
^_^TaeYang-Jade^_^
03-28 1224
使用jQuery判断checkbox是否选中，有如下几种方法： 1. if ($("#checkbox-id").get(0).checked) { // do something } 或者 if ($("#checkbox-id")[0].checked) { // do something } 判断逻辑简单时可使用，但不建议使用，如果同时判断选中和disabled...
js 判断checkbox是否选中的实现代码
10-28
大家在很多场合也许会遇到判断页面是否有元素选中，下面介绍的是利用js判断是否选中CheckBox的方法。
jquery动态加载checkbox是否选中
cgs的博客
02-19 497
$.post("../../Handler/DetectLine/GetItemHandler.ashx", { lineid: GetUrlParam("id"), staid: GetUrlParam("staid") }, function (data) { $("#form1").userializeForm(data);//反序列化表单 ...
jq设置checked是否选中_jQuery: 判断checkbox复选框是否被选中
weixin_39900608的博客
12-22 598
本文介绍如何用jQuery获取checkbox复选框选中状态，或验证是否选中或取消选中复选框。jQuery: 判断checkbox复选框是否被选中这里我们使用jQuery .is()方法和匹配的checked属性。描述：方法.is()针对选择器、元素或jQuery对象检查当前匹配的元素集，如果这些元素中的至少一个与给定的参数匹配，则返回true。下面是实例分析。引用jQuery库文件在HTML代码...
jQuery中如何判断checkbox是否被选中
Aeyewp的博客
08-15 8953
对于CheckBox的判断我们可以使用以下方法去获取：<input type="checkbox" name="vehicle" value="热情">热情<br>我们可以通过以下方法来判断是否被选中$("input[type='checkbox']").is(':checked')==true则表示被选中，false表示没有被选中。 接下来展示多个CheckBox选中事件，并且获取相应的值。<p
jq设置checked是否选中_jQuery对checkbox复选框操作：判断是否选中等
weixin_30975527的博客
02-01 7309
《jQuery对checkBox复选框操作：判断是否选中等》要点：本文介绍了jQuery对checkBox复选框操作：判断是否选中等，希望对您有用。如果有疑问，可以联系我们。一、jquery对checkBox复选框操作：选中、取消$("#login-rem").attr("checked","checked") //设置选中$("#login-rem").removeAttr("checked")...
jQuery操作复选框checkbox方法
最新发布
qq_29883393的博客
12-30 2054
1.获取单个checkbox选中项的值(三种写法//或者//或者2.获取多个checkbox选中项$("#chk1").find('input:checkbox').each(function() { //遍历所有复选框//打印当前选中的复选框的值});function getCheckBoxVal(){ //jquery获取所有选中的复选框的值。
jQuery判断checkbox是否选中的方法和动态选择和反选
Code鱼
11-15 4729
今天用jQuery 做一个全选,结果尴尬了，脑子短路了不知道怎么判断是否选中； 写给以后的自己。下面是一个完整的全选/反选的例子：<input type="checkbox" id="wholeSelect" value=""><!--全选按钮--> <input type="checkbox" name="checkbox" value="1"> <input type="checkbox" n
jQuery如何验证复选框是否选中
ggq53219的博客
06-11 846
方法来验证复选框（checkbox）是否已经被选中。这个方法会返回一个布尔值（请注意，在DOM元素加载完成后执行此代码是很重要的。你可以将上述代码放在。标签之前，以确保在尝试访问或修改DOM元素之前，这些元素已经加载完成。来检查该元素是否被选中。标签放在HTML文档的底部，紧接在。在jQuery中，你可以使用。），指示元素是否被选中。的复选框元素，然后使用。如果未被选中，则返回。
jQuery如何判断checkbox是否被选中
04-26
jQuery可以使用prop方法来判断checkbox是否被选中。具体代码如下： ```javascript if ($('#checkboxId').prop('checked')) { // checkbox被选中 } else { // checkbox未被选中 } ``` 其中，`#checkboxId`为...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值