JS 如何获取radio选中后的值及不选择取radio的值
JS 如何获取radio选中后的值及不选择取radio的值
发布时间:2016-12-30 来源:查字典编辑
摘要:以下是网上摘下的文章(未测试但很规范可以模仿)复制代码代码如下:textvarchk=0;window.onload=function(){...

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

复制代码 代码如下:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>text</title>

<script>

var chk = 0;

window.onload=function (){

var chkObjs = document.getElementsByName("radio");

for(var i=0;i<chkObjs.length;i++){

if(chkObjs[i].checked){

chk = i;

break;

}

}

}

function check_radio(){

var chkObjs = document.getElementsByName("radio");

for(var i=0;i<chkObjs.length;i++){

if(chkObjs[i].checked){

if(chk == i){

alert("radio值没有改变不能提交");

break;

}

}

}

}

</script>

</head>

<body>

<form action='' method='post' onsubmit='javascript:return check_radio()'>

<input type='radio' value='1' name='radio' checked='checked'>一;

<input type='radio' value='2' name='radio'>二;

<input type='radio' value='3' name='radio'>三;

<input type='radio' value='4' name='radio'>四;

<input type='radio' value='5' name='radio'>五;

<input type=submit value=sub >

</form>

</body>

</html>

下面是不做选择获取radio的值

复制代码 代码如下:

<input type="radio" name="money" value="1" />美元

<input type="radio" name="money" value="2" />日元

<input type="radio" name="money" value="3" />欧元

原生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();

<input type="radio" name="money" value="1" checked="checked" /><span>美元</span>

<input type="radio" name="money" value="2" /><span>日元</span>

<input type="radio" name="money" value="3" /><span>欧元</span>

<>

<input id="radio1" type="radio" name="money" value="1" /><label for="radio1">美元</label>

以下要选择的:

这个只判断有没有选择

复制代码 代码如下:

function radioValue(){

var radArr = document.getElementsByName("radiov");

var radValue = "";

//alert(radArr.length);

for(var i=0; i<radArr.length; 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("请选择");

}

}

<input type="button" value="测试radio中获取数据"/>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类