派纯情感
您的当前位置:首页JS如何获取radio选中后的值及不选择取radio的值_javascript技巧

JS如何获取radio选中后的值及不选择取radio的值_javascript技巧

来源:派纯情感


以下是网上摘下的文章(未测试但很规范可以模仿)
代码如下:



text

var chk = 0;
window.onload=function (){
var chkObjs = document.getElementsByName("radio");
for(var i=0;iif(chkObjs[i].checked){
chk = i;
break;
}
}
}
function check_radio(){
var chkObjs = document.getElementsByName("radio");
for(var i=0;iif(chkObjs[i].checked){
if(chk == i){
alert("radio值没有改变不能提交");
break;
}
}
}
}







下面是不做选择获取radio的值
代码如下:
美元
日元
欧元

原生JS方式:(原生DOM操作会把文本也当做一个节点,所以会有nextSibling)
代码如下:
var 美元 = document.getElementsByName("money")[0].nextSibling.nodeValue;
var 日元 = document.getElementsByName("money")[1].nextSibling.nodeValue;
var 欧元 = document.getElementsByName("money")[2].nextSibling.nodeValue;

jQuery方式
代码如下:
$('input[name="money"]:checked').next('span').html();

美元
日元
欧元




以下要选择的:

这个只判断有没有选择
代码如下:
function radioValue(){
var radArr = document.getElementsByName("radiov");
var radValue = "";
//alert(radArr.length);
for(var i=0; i//alert(radArr[i].checked+" "+radArr[i].name + " "+ radArr[i].value);
if(radArr[i].checked){
radValue = radArr[i].value;

}
}

if(radValue != null && radValue != ""){
alert(radValue);
}else{
alert("请选择");
}

}

显示全文