当前位置：首页 → 问答吧 → radiobutton值传给textbox的问题

radiobutton值传给textbox的问题

时间：2011-09-18

来源：互联网

HTML code

作者: mengdiQian 发布时间: 2011-09-18

HTML code

<script >
function abc() {
var obj = document.getElementsByName("rd_id");
for(var i=0;i<obj.length;i++){
if(obj[i].checked){
document.getElementById("txtID").value=obj[i].value;
return true;
}
}
}

</script>
</head>

<body>
<form id="form1" name="form1" action="" method="get">
  <input type="radio" name="rd_id" value="1" onchange="abc();" /><br />
  <input type="radio" name="rd_id" value="2" onchange="abc();" /><br />
 <input type="radio" name="rd_id" value="3" onchange="abc();" /><br />
  <input type="radio" name="rd_id" value="4" onchange="abc();" /><br />
</form>


<form id="form2" name="form2" method="post" action="">
<input name="txtID" id="txtID" type="text" />
</form>
</body>

作者: fanchuanzhidu 发布时间: 2011-09-18

getElementsByName是document的方法
当然楼主要缩小范围也可以
HTML code

<script >
function abc() {
var obj = document.getElementById("form1").getElementsByTagName("input");
for(var i=0;i<obj.length;i++){
if(obj[i].type == "radio" && obj[i].checked){
document.getElementById("txtID").value=obj[i].value;
return true;
}
}
}

</script>

作者: fanchuanzhidu 发布时间: 2011-09-18

或者document.form2.txtID.value=obj[i].value; 也可以。

作者: jordan102 发布时间: 2011-09-18

引用 2 楼 fanchuanzhidu 的回复:
getElementsByName是document的方法
当然楼主要缩小范围也可以

HTML code
<script >
function abc() {
var obj = document.getElementById("form1").getElementsByTagName("input");
for(var i=0;i<obj.length;i++){
if(ob……

作者: licip 发布时间: 2011-09-18

那请问
为什么我点击完radiobutton后，
要在页面其他地方再用鼠标点击一下，radiobutton的值才会显示到textbox上？！

能否在我点击radiobutton的同时，它的值就自动的显示到textbox上呢？

作者: mengdiQian 发布时间: 2011-09-18

引用 5 楼 mengdiqian 的回复:

那请问
为什么我点击完radiobutton后，
要在页面其他地方再用鼠标点击一下，radiobutton的值才会显示到textbox上？！

能否在我点击radiobutton的同时，它的值就自动的显示到textbox上呢？

哪有我这怎么就不是楼主说的那样？

作者: fanchuanzhidu 发布时间: 2011-09-18

额。。。不懂
我换了，用onclick事件就好了

作者: mengdiQian 发布时间: 2011-09-18