菜鸟入门篇,请各位大大忽略。
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;
}