js基础知识示例3--对多选框操作,输出多选框的个数 fl ch2 p29
来源:互联网 发布:linux装java环境 编辑:程序博客网 时间:2024/06/14 19:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript">window.onload = function(){//页面所有元素加载完毕 var btn = document.getElementById("btn"); //获取id为btn的元素(button) btn.onclick = function(){ //给元素添加onclick事件 var arrays = new Array(); //创建一个数组对象 var items = document.getElementsByName("check"); //获取name为check的一组元素(checkbox) for(i=0; i < items.length; i++){ //循环这组数据 if(items[i].checked){ //判断是否选中 arrays.push(items[i].value); //把符合条件的 添加到数组中. push()是javascript数组中的方法. } } alert( "选中的个数为:"+arrays.length ); }}</script></head><body><form method="post" action="#"> <input type="checkbox" value="1" name="check" checked="checked"/> <input type="checkbox" value="2" name="check" /> <input type="checkbox" value="3" name="check" checked="checked"/> <input type="button" value="你选中的个数" id="btn"/></form></body></html>
阅读全文
0 0
- js基础知识示例3--对多选框操作,输出多选框的个数 fl ch2 p29
- js基础知识示例1----给网页的所有p元素添加onclick元素 fl ch2 28
- js输出选中的多选框的个数
- jq代码学习3--某网站品牌列表的效果 fl ch2 p53
- Java中对 [文件] 的操作示例
- e4x - 对xml操作的一些示例
- java io 对文件操作的示例
- 对grid组件的操作示例1
- java io 对文件操作的示例
- c++中对目录的操作示例
- JaVa对mongodb的操作示例
- js对select的操作
- JS对CHECKBOX的操作
- JS对CHECKBOX的操作
- JS对CHECKBOX的操作
- js对table的操作
- JS对WMP的操作
- JS对CHECKBOX的操作
- python 数据科学
- gradle使用技巧
- JavaScript中的循环
- 小白:html
- 理解这两点,也就理解了paxos协议的精髓
- js基础知识示例3--对多选框操作,输出多选框的个数 fl ch2 p29
- 测试管理--测试的任务安排
- 仿京东项目
- 挑战程序竞赛系列(73):4.7高度数组(3)
- java基础二
- Java当中的数据结构表(ADT)解析(上)
- 数据结构——单链表模板类
- JavaScript内置对象
- 线程读写锁的实现