[jquery ajax]jQuery 统计用户选中的复选框checkbox的个数代码

更新时间:2020-09-28    来源:微信    手机版     字体:

【www.bbyears.com--微信】

微信公众号平台每个用户最多可以设置三个标签,所以在管理员给用户设置标签的时候需要统计用户的标签,下面就是使用使用 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>

例子,不限数据统计几个

 代码如下


one

two

three

four

five

six

seven


<script type="text/javascript">
$("button[name=sub]").click(function(){
var len = $("input:checkbox:checked").length;
alert("你一共选中了"+len+"个复选框");
})
</script>


例子

 代码如下



 
  
  My JSP "Jquery004.jsp" starting page
  
  
  
  
  
  
  <script type="text/javascript" src="js/jquery-1.6.1.js"></script>

  
  
  <script type="text/javascript">
   $(document).ready(function() {
    $("#button1").click(function() {
     alert($("input[type=checkbox]:checked").length);
    });
   });
  </script>
 

 
  
  
  
  
  
  
  

  

  
 

本文来源:http://www.bbyears.com/shoujikaifa/101376.html

热门标签

更多>>

本类排行