jquery获取checkbox的值的方法汇总

最新推荐文章于 2023-12-19 10:37:19 发布

「已注销」

最新推荐文章于 2023-12-19 10:37:19 发布

阅读量520

点赞数

分类专栏：前端文章标签： jQuery

原文链接：https://www.mk2048.com/blog/blog.php?id=2a0bhjbcb&title=jquery%E8%8E%B7%E5%8F%96checkbox%E7%9A%84%E5%80%BC%E7%9A%84%E6%96%B9%E6%B3%95%E6%B1%87%E6%80%BB

版权

前端专栏收录该内容

1143 篇文章 3 订阅

订阅专栏

                        
                    
  JQuery是一个非常容易上手的框架，但是有很多东西需要我们深入学习的。判断checkbox是否被选中网上有选多种写法，这里有一种方法，个人觉得比较方便。因为比较简单，没什么技术含量，直接代码 
  
  
 
 
HTML 预览
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值</title>  
<script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.6.4.min.js" ></script>  
  
<script type="text/javascript">  
$(function(){  
      /*------------  
        全选/全不选  
        ------------*/  
     $('#cboxchecked').click(function(){  
         //判断apple是否被选中  
         var bischecked=$('#cboxchecked').is(':checked');  
         var fruit=$('input[name="fruit"]');  
         bischecked?fruit.attr('checked',true):fruit.attr('checked',false);  
  
         });  
  
         /*-------------  
  
            获取选中值  
  
          -------------*/  
  
        $('#btn_submit').submit(function(){  
  
            $('input[name="fruit"]:checked').each(function(){  
  
                var sfruit=$(this).val();  
  
                alert(sfruit);  
  
                });  
  
                return false;  
  
            });  
  
    })  
  
</script>  
</head>  
  
   
<body>  
<form action="">  
  <input type="checkbox"  id="cboxchecked" />  
  <label for="cboxchecked">全选/全不选</label>  
  <br />  
  <br />  
  <input type="checkbox"  id="cboxapple" name="fruit" value="apple" />  
  <label for="apple">Apple</label>  
  
  <input type="checkbox"  id="cboxorange" name="fruit" value="orange" />  
  <label for="orange">Orange</label>  
  <input type="checkbox"  id="cboxbanana" name="fruit" value="banana" />  
  <label for="banana">Banana</label>  
  <input type="checkbox"  id="cboxgrapes" name="fruit" value="grapes" />  
  <label for="grapes">Grapes</label>  
  <br />  
  
  <br />  
  
  <input type="submit" id="btn_submit" value="submit" />  
  
</form>  
</body>  
</html>   

「已注销」

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery获取checkbox的值的方法汇总

JQuery是一个非常容易上手的框架，但是有很多东西需要我们深入学习的。判断checkbox是否被选中网上有选多种写法，这里有一种方法，个人觉得比较方便。因为比较简单，没什么技术含量，直接代码 HTM...
复制链接

扫一扫