注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

面包会有的

... ...

 
 
 

日志

 
 

选中的复选框的个数  

2017-09-27 11:33:06|  分类: jquery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
选中的复选框的个数 - 加菲 - 面包会有的
 选中的复选框的个数 - 加菲 - 面包会有的
 
<script type="text/javascript">  
    //方法一  
    $(function(){  
        $("#GetButton_1").click(  
            function(){  
            var CheckCount=0;  
            $("[name='ChooseOne']").each(function(){  
                if($(this).attr("checked")){  
                    CheckCount++;  
                }  
             });  
             alert(CheckCount);  
            }
        );  
    });  
    //方法二  
    $(function(){  
        $("#GetButton_2").click(  
            function(){  
                 alert($("input[name='ChooseOne']:checked").length);  
            }
        );  
    });  
</script> 

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

//限制复选框选中的个数
选中的复选框的个数 - 加菲 - 面包会有的
 <script type="text/javascript">
$(document).ready(function() {
    $('input[type=checkbox]').click(function() {
        $("input[name='apk[]']").attr('disabled', true);
        if ($("input[name='apk[]']:checked").length >= 3) {
            $("input[name='apk[]']:checked").attr('disabled', false);
        } else {
            $("input[name='apk[]']").attr('disabled', false);
        }
    });
})
</script>
<ul>
<li><input type="checkbox" name="apk[]" value=1 />  APK1</li>
<li><input type="checkbox" name="apk[]" value=2 />  APK2</li>
<li><input type="checkbox" name="apk[]" value=1 />  APK3</li>
<li><input type="checkbox" name="apk[]" value=4 />  APK4</li>
<li><input type="checkbox" name="apk[]" value=6 />  APK5</li>
<li><input type="checkbox" name="apk[]" value=7 />  APK6</li>
<li><input type="checkbox" name="apk[]" value=8 />  APK7</li>
</ul>
  评论这张
 
阅读(64)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018