javascript,通过选择单选框控制文本框显示的问题。
答案:3 悬赏:0 手机版
解决时间 2021-03-21 00:21
- 提问者网友:末路
- 2021-03-20 17:18
javascript,通过选择单选框控制文本框显示的问题。
最佳答案
- 五星知识达人网友:荒野風
- 2021-03-20 17:36
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';
}
<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';
}
全部回答
- 1楼网友:白昼之月
- 2021-03-20 19:17
单选框默认会选中一个!随便给一个Input默认选中就可以了。checked="checked"
用户进来后,如果正是他要选的,就不用动了。如果不是他就会点另一个了。。
你的提问是逻辑思维问题。。。
- 2楼网友:野味小生
- 2021-03-20 19:10
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';
}
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯