jQuery 统计用户选中的复选框checkbox的个数代码

微信公众号平台每个用户最多可以设置三个标签，所以在管理员给用户设置标签的时候需要统计用户的标签，下面就是使用使用 jQuery 统计用户选中的复选框的个数的方法：

 代码如下 复制代码

<script type="text/javascript">
jQuery(function($){
 $(".form-table input:checkbox").click(function(){
  var len = $("input:checkbox:checked").length;
  if(len>3){
   alert('亲，最多只能选三个哟~');
   return false; //另刚才勾选的取消
  }
 })
});
</script>

例子，不限数据统计几个

 代码如下 复制代码

<body>
<input type="checkbox" name="check" value="one"/>one<br/>
<input type="checkbox" name="check" value="two"/>two<br/>
<input type="checkbox" name="check" value="three"/>three<br/>
<input type="checkbox" name="check" value="four"/>four<br/>
<input type="checkbox" name="check" value="five"/>five<br/>
<input type="checkbox" name="check" value="six"/>six<br/>
<input type="checkbox" name="check" value="seven"/>seven<br/>
<button name="sub">提交</button>
<script type="text/javascript">
$("button[name=sub]").click(function(){
var len = $("input:checkbox:checked").length;
alert("你一共选中了"+len+"个复选框");
})
</script>

例子

 代码如下 复制代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <base href="<%=basePath%>">
  <title>My JSP 'Jquery004.jsp' starting page</title>
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="expires" content="0">
  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  <meta http-equiv="description" content="This is my page">
  
  <script type="text/javascript" src="js/jquery-1.6.1.js"></script>

  <!-- 用javascript算出checkbox被选中的数量
  <script type="text/javascript">
   window.onload = function(){
    var button1=document.getElementById("button1");
    button1.onclick = function(){
     var checkboxs = document.getElementsByName("myCheck");
     var num=0;
     for(var i=0;i<checkboxs.length;i++){
      if(checkboxs[i].checked){
       num++;
       }
     }
      alert(num);
    }
   }
  </script>
  -->
  <!-- 用jQuery算出checkbox被选中的数量 -->
  <script type="text/javascript">
   $(document).ready(function() {
    $("#button1").click(function() {
     alert($("input[type=checkbox]:checked").length);
    });
   });
  </script>
 </head>

 <body>
  <input type="checkbox" name="myCheck" checked="checked" />
  <input type="checkbox" name="myCheck" />
  <input type="checkbox" name="myCheck" />
  <input type="checkbox" name="myCheck" checked="checked" />
  <input type="checkbox" name="myCheck" />
  <input type="checkbox" name="myCheck" />
  <br>
  <br>
  <input id="button1" type="button" value="按钮" />
 </body>
</html>
时间： 2024-08-30 10:18:26

jQuery 统计用户选中的复选框checkbox的个数代码的相关文章

jquery统计用户选中的复选框的个数_jquery

复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js"></script> </head> <body> <input type="che

jQuery分别获取选中的复选框值

原文:jQuery分别获取选中的复选框值 function jqchk(){  //jquery获取复选框值   var s='';   $('input[name="aihao"]:checked').each(function(){     s+=$(this).val()+',';   });  点击"提交"后,可以得到正确的选择值了,但是后面多一个,(英文逗号),这个可以检测一下再用substring去除,或者获取到复选框选择值后一般都要转成数组再使用的,所

jQuery分别获取选中的复选框值的示例_jquery

复制代码 代码如下: function jqchk(){ //jquery获取复选框值 var s=''; $('input[name="aihao"]:checked').each(function(){ s+=$(this).val()+','; }); 点击"提交"后,可以得到正确的选择值了,但是后面多一个,(英文逗号),这个可以检测一下再用substring去除,或者获取到复选框选择值后一般都要转成数组再使用的,所以也可以在转成数组后,去除最后一个数组元素.

jquery判断复选框checkbox选中个数

首先引入jquery文件 <script type="text/javascript" src="js/jquery.js"></script> 判断check是否选中 多选框checkbox:  代码如下 复制代码  $("#chk1").attr("checked",'');//不打勾  $("#chk2").attr("checked",true);//打勾

php获取复选框checkbox值内容实例

php要求同名表单元素用数组形式命名,并赋予value.否则他不能分解. 例1:利用foreach遍历checkbox  代码如下 复制代码 <input type=checkbox name="chk[]" value=1> <input type=checkbox name="chk[]" value=2> <input type=checkbox name="chk[]" value=3> 提交后,用$_

jQuery获取(选中)单选,复选框,下拉框中的值

 本篇文章主要是对jQuery获取(选中)单选,复选框,下拉框中的值的实现方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 实例如下:    代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>MyHtml.html</title>   <meta http-equiv="

在jquery中 我有个复选框的id=a 我点一个按钮就让他选中 怎么做了？ （jquery）

问题描述 在jquery中 我有个复选框的id=a 我点一个按钮就让他选中 怎么做了? (jquery) 在jquery中 我有个复选框的id=a 我点一个按钮就让他选中 怎么做了? (jquery) 解决方案 $("#a").attr("checked",'true') 解决方案二: $('#bt').onClick( function(){ $('#ck').checked(); }); 大概是这么写吧,函数名记不得了

动态获取复选框checkbox选中个数的jquery代码_jquery

今天碰到"jquery动态获取复选框checkbox选中的个数",首先看下面例子: 复制代码 代码如下: <input type="checkbox" checked="checked">python<br> <input type="checkbox" checked="checked">java<br> <input type="check

JQuery限制复选框checkbox可选中个数的方法

  这篇文章主要介绍了JQuery限制复选框checkbox可选中个数的方法,涉及jQuery操作复选框长度判断与属性修改的相关技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了JQuery限制复选框checkbox可选中个数的方法.分享给大家供大家参考.具体分析如下: 由于项目需要限制可批量操作的文件个数 所以写了一段小代码 如果选中个数大于允许的最大个数 其他复选框不能选择 如果小于则所有复选框都能选择 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 1