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

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

2020-11-27 21:14:50 责编:小采

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

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("请选择");
}

}

下载本文

显示全文

全部频道