jquery取选中的checkbox的值

最新推荐文章于 2023-04-23 14:44:16 发布
最新推荐文章于 2023-04-23 14:44:16 发布
阅读量3.2w 收藏 2
点赞数
分类专栏： jquery学习 文章标签： jquery input function button javascript action
 

一。   在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() + "|";            //动态拼取选中的checkbox的值，用“|”符号分隔
        }
    })
   })
  //-->
  </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>

 

zhangshengboy
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
jQuery操作复选框(CheckBox)的取值赋值实现代码
10-20
主要介绍了jQuery操作复选框(CheckBox)的取值赋值实现代码,需要的朋友可以参考下
jquery获取checkbox选中的值
热门推荐
xiaopzi的博客
12-16 2万+
jquery获取checkbox选中的值，包括全选 取消全选 反选 选中奇数行 获取选中的值 这里有一个注意点：使用attr(),会发现代码那里的checked="checked",但是页面input上没有显示出来，所以改成使用prop 下面直接上代码 demo下载 <input type="checkbox" name="xpz" value="1"/>苹果 <input type="checkbox" name="xpz" value="2"/>橘子 <inpu
jquery的checkbox取值赋值选中
arthur.dy.lee的专栏
03-18 1万+
jquery的checkbox取值赋值选中
Jquery获取checkbox选中的值
我爱吃红薯的博客
01-10 1279
1，获取选中复选框的value的值 var vals=""; $('input[name="username"]:checked').each(function() { vals+= $(this).val() + ','; }); console.log(vals); 2，获取选中复选框的text的值 var ...
jquery获取checkbox选中的值_jQuery
weixin_39598584的博客
12-01 4722
java0461 .操作页面元素的属性 A重点梳理：1）获得元素对象 var tex=$("#inp1"); 2）获得元素对象的属性 var te=tex.attr("type"); var cl =tex.attr("class"); 3）获得元素固有的属性值 var val =tex.attr("value"); console.log(te+"------"+cl+"-----"+val);...
JQuery 怎么获取选中checkbox值
iteye_427的博客
01-14 101
错误方式： $("[name='markUserIds']").each(function(){ if($(this).attr("checked")){ userTypes+=$(this).val()+"#"; } }); 正确方式： $("[name='typeCheckbox']").each(function(){ if($(this).p...
jQuery获取checkbox选中的值
10-22
jquery checkbox选择器在程序开发中经常会用到，接下来通过实例代码给大家介绍jquery获取checkbox选中的值，需要的朋友参考下
jquery checkbox 选中 取消 checkbox多选
10-27
jquery checkbox 选中 取消 checkbox多选
使用 jQuery 为复选框设置“选中”
kalman2019的博客
12-11 1万+
我想做这样的事情来使用 jQuery 勾选 checkbox：或者这样的事情存在吗？
JQ对复选框全选、获取复选框的值、回选
C2974819879的博客
08-20 2070
JQ对复选框全选、回选、获取复选框的值
jQuery获取CheckBox选中的值
qq_38369411的博客
11-15 1万+
&lt;input type="checkbox" value="123" /&gt; 上面是复选框代码   function test(){ var vals = []; $.each($('input:checkbox:checked'),function(){ vals.push($(this).val()); }); } 获取并放到v...
jquery获取checkbox的值的方法汇总
setsunadoudou的博客
09-21 520
JQuery是一个非常容易上手的框架，但是有很多东西需要我们深入学习的。判断checkbox是否被选中网上有选多种写法，这里有一种方法，个人觉得比较方便。因为比较简单，没什么技术含量，直接代码 HTM...
jquery取checkbox选中的值
weixin_30877227的博客
01-03 47
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta nam...
jquery 获取页面CheckBox、Select
最新发布
weixin_42955679的博客
04-23 489
1.1 判断是否选中和获取值。
jQuery操作checkbox选择
zhuchunyan_aijia的博客
04-27 1万+
1. 判断checkbox（复选框）是否被选中 很多朋友判断  if($("#id").attr("checked")=="true") 这个是错误的，其实应该是 if($("#id").attr("checked")==true) 2. 全选   $("[name = chkItem]:checkbox").attr("checked", true); 3、全不选 $("[
jquery获取checkbox选中值
03-16
可以使用以下代码获取选中的checkbox的值： ```javascript var checkedValues = []; // 定义一个数组来存储选中的值 $('input[type="checkbox"]:checked').each(function() { // 遍历所有选中的checkbox ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值