原生JS获取单选框或复选框的选中值的方法
来源:互联网 发布:七天天网络 编辑:程序博客网 时间:2024/06/17 17:18
菜鸟入门篇,请各位大大忽略。
Step1:从dom上获取到需要的元素,例如有一组单选框的name=“sex”
var inputs=document.getElementsByName("sex");
Step2:创建一个空的变量准备去接住被选中的值
var checkVal="";
Step3:循环遍历name为sex的单选框组
for(var i=0, len=inputs.length;i<len;i++){//inputs是动态数组,每次循环都会重新访问dom树,用len保存优化JS if(inputs[i].checked){ checkVal=input[i].value; }}
这样我们就获取到了单选框的值了,接下来我们把它封装成一个方法,以后可以反复调用了。
function getRadioVal(nameVal){ var inputs=document.getElementsByName(nameVal); var checkVal=""; for(var i=0, len=inputs.length;i<len;i++){ if(inputs[i].checked){ checkVal=input[i].value; } } return checkVal;}
同理,我们对该方法简单的修改就可以得到复选框的方法了
function getCheckBoxVal(nameVal){ var inputs=docement.getElementBysName(nameVal); var checkVal=[]; var k=0;//用来作checkVal数组的下标 for(var i=0, len=inputs.length;i<len;i++){ if(inputs[i].checked){ checkVal[k]=inputs[i].value; k++; } } return checkVal;}
阅读全文
0 0
- 原生JS获取单选框或复选框的选中值的方法
- JS jQuery分别获取选中的复选框值
- js获取所选中复选框的值s
- js获取复选框选中项的值
- js 获取复选框被选中的值 jquery
- js 获取所有被选中复选框的值
- js实现复选框全选效果,已经用后台获取选中的复选框的值
- js获取checkbox复选框获取选中的选项
- jQuery获取选中复选框的值
- jquery获取复选框选中的值
- JS中获取页面单选框radio和复选框checkbox中当前选中的值
- Jquery获取单选框与复选框选中的值
- JQuery获取单选框或者复选框选中的值
- 在js中获取选中的复选框
- jeeplus-js-获取table中复选框选中的列
- 获取单选框或复选框的
- jquery的遍历方法可以获取复选框所欲的选中值
- 获取被选中的复选框数量
- 【bzoj2212】 [Poi2011]Tree Rotations
- MySQL定义条件
- 百度测试开发--一面(技术)
- Keystore的相关用法
- 《Effective Java》读书笔记(二)之对于所有对象都通用的方法
- 原生JS获取单选框或复选框的选中值的方法
- session作用域
- 【LeetCode】4. Median of Two Sorted Arrays
- C语言学习:非局部跳转setjmp.h中的几个重要函数
- 最大堆树状打印
- "我"与AI
- 由传感器传入、树莓派修改MySQL数据
- ElasticSearch集群服务器配置
- SSD6 Exercise 1: Decoding Lab