jQuery对象的each-创新互联

jQuery元素也可以调用each方法,只是对$.each的简化调用。return false;终止循环

创新互联是一家专业提供溧水企业网站建设,专注与网站设计制作、做网站HTML5、小程序制作等业务。10年已为溧水众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

示例: 页面中有多个兴趣爱好,通过复选框设置,选中某个复选框,下面即可显示选中的个数及内容




    
    jQuery测试
    
    
        $(function () {
            $('#dv input[type=checkbox]').click(function () {
                //var cks = $('#dv input[type=checkbox]:checked');
                var cks = $('#dv :checkbox:checked');//简写
                var len = cks.length;//记录个数
                var arr = [];
                cks.each(function (k,v) {
                    arr[arr.length] = $(v).val();//记录选中的value值
                });
                if(len == 0){
                    $('#result').text("");
                }
                else{
                    $('#result').text('共选择了'+len+'个,分别是:' + arr);
                }

            });
        });
    


    
        
        吃饭
        睡觉
        读书
        运动
        篮球
        游泳
    
    

效果图

jQuery对象的each

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文名称:jQuery对象的each-创新互联
网页URL:http://cdiso.cn/article/ccgogd.html

其他资讯