name相同的标签，如何取其中一个值
日期：2014-05-16 浏览次数：20393 次
name相同的标签，怎么取其中一个值
<input type="radio" value="37" name="xinghao">37米
<input type="radio" value="40" name="xinghao">40米
<input type="radio" value="47" name="xinghao">47米
其他<input type="text" value="" name="xinghao">
就是3个单选按钮，我想的效果就是，当我点击三个按钮当中的一个时候，text的值为空，而当我在text输入值时候，三个按钮的值为空，即都是没选中。。
JS应该怎么写呢？是不是应该添加一个ID
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function init(){
var ts=document.getElementsByName("xinghao");
var l=ts.length;
for(var i=0;i<ts.length-1;i++){
ts[i].onclick=function(){
ts[l-1].value="";
}
}
ts[l-1].onchange=function(){
for(var i=0;i<ts.length-1;i++){
ts[i].checked=false;
}
}
}
window.onload=init;
</script>
</head>
<body>
<input type="radio" value="37" name="xinghao">37米
<input type="radio" value="40" name="xinghao">40米
<input type="radio" value="47" name="xinghao">47米
其他<input type="text" value="" name="xinghao">
</body>
</html>
类似这样试试
------解决方案--------------------
<input type="radio" value="37" name="xinghao">37米
<input type="radio" value="40" name="xinghao">40米
<input type="radio" value="47" name="xinghao">47米
其他<input type="text" value="" name="xinghao">
就是3个单选按钮，我想的效果就是，当我点击三个按钮当中的一个时候，text的值为空，而当我在text输入值时候，三个按钮的值为空，即都是没选中。。
JS应该怎么写呢？是不是应该添加一个ID
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function init(){
var ts=document.getElementsByName("xinghao");
var l=ts.length;
for(var i=0;i<ts.length-1;i++){
ts[i].onclick=function(){
ts[l-1].value="";
}
}
ts[l-1].onchange=function(){
for(var i=0;i<ts.length-1;i++){
ts[i].checked=false;
}
}
}
window.onload=init;
</script>
</head>
<body>
<input type="radio" value="37" name="xinghao">37米
<input type="radio" value="40" name="xinghao">40米
<input type="radio" value="47" name="xinghao">47米
其他<input type="text" value="" name="xinghao">
</body>
</html>
类似这样试试
------解决方案--------------------
<script type="text/javascript">
function fun(i,v){
var input=document.getElementsByName("xinghao");
if(0==i){
input[3].value="";
}else{
for(var n=0;n<3;n++){
input[n].checked=false;
}
}
}
</script>
<input type="radio" value="37" name="xinghao" onclick="fun(0)">37米
<input type="radio" value="40" name="xinghao" onclick="fun(0)">40米
<input type="radio" value="47" name="xinghao" onclick="fun(0)">47米
其他<input type="text" value="" name="xinghao" onchange="fun(1)">
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
