JS获取checkbox的个数简单实例
作者:jingxian 发布时间:2023-08-20 15:17:55
标签:js,checkbox
JS获取多选框checkbox被选中的个数。
var checkbox = document.getElementsByName("likes[]");
//此处通过此种方式才能获得多选框为数组。
//like为name = "like[]" , 获得时必须加上[]
var checked_counts = 0;
for(var i=0;i<checkbox.length;i++){
if(checkbox[i].checked){ //被选中的checkbox
checked_counts++;
}
}
alert(checked_counts);
我做的是每点击一下多选框就判断当前checked个数是否超过某个数值
function checkDate(){
var n = $("#cart_q_num").val();
var checkedCount=0;
var checkbox = document.getElementsByName("tie_in[]");
//alert(checkbox.length);
for(var i=0;i<checkbox.length ;i ++){
if(checkbox[i].checked){
checkedCount++;
}
}
//alert(checkedCount);
if(checkedCount>n){
alert("The quantity of the gifts should equal to the quantity of the sunglasses set.");
return false;
}else{
$("#free_pro_selected_num").html(checkedCount);
}
}
要使函数checkdata()每次点击都发挥作用,需要在checkbox框中添加onclick事件:
<input type="checkbox" name="tie_in[]" value="1" onClick="return checkData()" />
0
投稿
猜你喜欢
- 问题:有一个列表,每一个条目都是这篇文章的部分内容,类似这样:<div class="list">
- asp程序运行速度试验实验:1。作相同的分支条件判断:IF 比 SELECT慢。用以下程序测试:
- 1, 创建pytorch 的Tensor张量:torch.rand((3,224,224)) #创建随机值的三维张量,大小为(3,224,2
- 本文实例讲述了python 队列基本定义与使用方法。分享给大家供大家参考,具体如下:队列的特征是:先进先出应用场景:消息通信、多进程间的协同
- 上期回顾:亚马逊购物用户体验分析 (一)“查找内部”功能书是在亚马逊最常被购买的产品之一,所以毋庸置疑亚马逊的开发小组已经建立了一个关于“查
- 1、什么是AspJpeg?AspJpeg是一款功能强大的基于Microsoft IIS环境的图片处理组件,网络上对其进行详细和深入介绍的中文
- 在html里的每一个标签都有其自身的意义,而H标签作为标题标签,它的意义更是至关重要。对于H标签的用法特别是h1的用法一直是个争议的问题,也
- 这里其实并不需要其它的什么函数来支持,只需要使用MYSQL提供的一些SQL语句就可以了。这里为了简单起见,以MYSQL的系统表USER为例,
- 今天在看见了一堆不错的非洲的web 2.0网站的Logo,于大家一起欣赏:非洲web2.0网站的logo大部分和平时看见的web2.0网站l
- ASP里两种常用的生成文件的方式是:利用ADODB.Stream生成文件和利用Scripting.FileSystemObject生成文件1
- CSS Sprites技术早在2005年 CSS Zengarden 的园主 Dave Shea就在ALA发表对该技术的详细阐述。原先只在C
- 在并不知道DIV浮动层的宽度,高度的情况下,如何使浮动层在任何分辩率的情况下居中呢! 下面使用了JAVASCRIPT来
- --建递增序列CREATE SEQUENCE LZEAM_SP_LOOP_EQ_SEQ MINVALUE 1 INCREMENT BY 1
- 要开发一个基于数据库的应用系统,其中最关键的一步就是整个系统所依据的数据库的建模设计,从逻辑的到物理的,一个环节疏于设计,整个的应用系统便似
- 分析社交网站,顺带画了张图,关于facebook的基本信息架构,没有涉及应用和插件的分析。
- 据国外媒体报道,相较于IE8浏览器,微软最新一代浏览器IE9的最大改进就是硬件加速HTML5。微软承诺,通过利用IE9中的硬件加速功能,开发
- 最近随着狂风计划的席卷,我也终于开始橱窗产品位列表展示的编码工作,这只是一个改进项目,因此有原代码可供参考。但是当我打开原代码模板的时候便愣
- function chinese2unicode(Str) &nbs
- 项目说明开发php项目管理系统,由于是新项目且已经部署在生产环境,导致需要根据实际使用情况,进行及时的功能升级或bug修复。每次升级,进行程
- 米随随在国外某站看到的国际上十四个优秀网页设计审核站,他发现还有中国的哦~HOHO~1.荷兰 strangefruits &nb