JQuery限制复选框可选个数

当前位置：首页 > 个人日志

JQuery限制复选框可选个数

分类:个人日志来源:原创时间:2011-06-01 21:29:38

本代码将告诉你如何通过使用JQuery限制复选框checkbox的可选个数，例如某一复选框限制只能选择2个选项，只要不是选择2个就不允许提交表单。
<script language="javascript" src="js/JQuery.js" >
<script language="javascript">
$(document).ready(function(){
  $("#submit").click(function(){
      var CheckCount=0;
      $("[name=¹mybook¹]").each(function(){
   if($(this).attr("checked")){
       CheckCount++;
   }
      });

      if(CheckCount!=2){
       alert("请选择两项！");
    return false;
      }
      return true;
  });
});
</script>

HTML代码如下：
<html>
<head>
  <title>JQuery限制复选框可选个数</title>
</head>
<body>
  <form name="myform" action="" method="post">
   a: <input type="checkbox" name="mybook" value="0" /> 
   b: <input type="checkbox" name="mybook" value="1" /> 
   c: <input type="checkbox" name="mybook" value="2" /> 
   d: <input type="checkbox" name="mybook" value="3" /> 
   e: <input type="checkbox" name="mybook" value="4" /> 
   f: <input type="checkbox" name="mybook" value="5" /> <br />
   <input id="submit" type="submit" name="submit" value="提交" /> 
   <input id="reset" type="reset" name="reset" value="重置" />
  </form>
</body>
</html>

加入收藏 | 浏览(7790)

上一篇：Java统计不同字符串出现的次数
下一篇：Java Servlet将图片保存到数据库

iLeichun

JQuery限制复选框可选个数