点击单选框将值添加至文本输入框


JavaScript将单选框代表的值自动添加至文本输入框，实现单选框与文本框的联动。在多功能表单应用中常见到的功能，可以有效省去用户输入的麻烦，同时也提高表单数据的准确性，提高表单提交的成功率。

答案：<html>
<head>
<title>点击单选框将值添加至文本框</title>
<script>
function dochange(str)
{
var obj=document.getElementsByTagName("input")
for(var i=0;i<obj.length;i++)
if(obj[i].type=="radio" && obj[i].value==str)
obj[i].checked=true;
}
function doradio(){
var obj=document.getElementsByTagName("input")
for(var i=0;i<obj.length;i++)
if(obj[i].type=="radio" && obj[i].checked)
document.all.t1.value=obj[i].value
}
</script>
</head>
<body>
<span onclick="doradio()">ASP<input type="radio" name="r1" value=ASP><br>PHP<input type="radio" name="r1" value=PHP><br>AJAX<input type="radio" name="r1" value=AJAX><br>
<input type="text" name="t1"  onchange="dochange(this.value)">
</body>
</html>

上一个：纯CSS使用DT、DD实现漂亮的表单效果
下一个：让Input输入框在输入时变为立体的

更多图片编程知识: