十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
获取 checkbox的选中个数可以直接使用如下jquery语法
五龙口网站建设公司成都创新互联公司,五龙口网站设计制作,有大型网站制作公司丰富经验。已为五龙口上1000家提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的五龙口做网站的公司定做!
$("input[type='checkbox']:checked").length;
实例演示如下
创建Html元素
div class="box"
span点击按钮获取选中个数:/spanbr
div class="content"
input type="checkbox" name="test" 萝卜
input type="checkbox" name="test" 青菜
input type="checkbox" name="test" 小葱
input type="checkbox" name="test" 豆腐
input type="checkbox" name="test" 土豆
/div
input type="button" class="btn" value="获取被选择个数"
/div
设置css样式
div.box{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
input[type='checkbox']{margin:5px 10px;}
input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}
编写jquery代码
$(function(){
$("input:button").click(function() {
alert($("input[type='checkbox']:checked").length);
});
})
观察效果
可以先获取所有相同class的标签,然后获取标签的个数。
1、新建html文档,在body标签中添加一些div标签,并为这些div标签设置一些类,然后引入jquery文件:
2、使用jquery获取所有相同类名的标签,格式为$('.class名'),这时所有相同类名的标签会被选中:
3、获取标签之后,使用length属性获取标签的个数,这时相同类名的个数就被获取到了:
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:$('body').append($('.a').length);。
3、浏览器运行index.html页面,此时用jquery获取了class是a的个数并打印。
取得jQuery 对象中元素的个数,可以用两种方法:
var valueDate = $('.datePicker').size();
这个是jQuery提供的方法(method),因需要用括号进行调用。
var valueDate = $('.datePicker').length;
每个jQuery对象其实也是一个数组,length是数组的属性(property),不需要用括号。