Question

javascript，通过选择单选框控制文本框显示的问题。

各位高手，在页面上有一组单选框和一个文本框。当选择其中一个单选按钮的时候，希望文本框消失，选择另外一个单选单选按钮的时候，希望文本框出现。现在想请教各位通过js如何实现。谢谢。

Answer 1

假定文本框的ID是“d1”，在单选按钮上设置点击动作，点击后隐藏文本框：

<input id="d1" type="text">

<input type=radio onSelect='document.getElementById("d1").style.display="none";'> //隐藏
<input type=radio onSelect='document.getElementById("d1").style.display="";'> //显示

Answer 2

html如下：
<input id="text" type="text" value="" />
<input type="radio" name="toggle" id="show" />显示
<input type="radio" name="toggle" id="hide" />隐藏

JS如下：
var show = document.getElementById('show'); // 分别拿到对应的元素
var hide = document.getElementById('hide');
var text = document.getElementById('text');
show.onclick = function() {
text.style.display = '';
};
hide.onclikc = function() {
text.style.diplay = 'none';
}

Answer 3

将文本框包含在一个div里头，DIV设置id名称
通过判定单选框是否被选中，来决定包含文本框的DIV的style.display="block"还是"none"

Answer 4

<input>可以添加onclick事件，可以在onclick事件中改变文本框的display或者visibility属性