JS获取checkbox的个数简单实例
网络编程 2021-07-04 20:00www.168986.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家带来一篇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()" />
以上这篇JS获取checkbox的个数简单实例就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程