原生JS获取单选框或复选框的选中值的方法

菜鸟入门篇,请各位大大忽略。

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;
}
  • 8
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值