假定文本框的ID是“d1”,在单选按钮上设置点击动作,点击后隐藏文本框:
//隐藏
//显示
html如下:
显示
隐藏
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';
}
将文本框包含在一个div里头,DIV设置id名称
通过判定单选框是否被选中,来决定包含文本框的DIV的style.display="block"还是"none"
可以添加onclick事件,可以在onclick事件中改变文本框的display或者visibility属性