Chikoo's Blog

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=inputs[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=inputs[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;
}