gpt4 book ai didi

javascript - 如果我有 3 个单选按钮,如何自动生成文本框?

转载 作者:行者123 更新时间:2023-11-29 17:54:31 24 4
gpt4 key购买 nike

我有 3 个 radio buttons,当其中一个被选中时我想自动生成 textbox 。例如,如果用户选择"is"单选按钮,我想要文本框,如果他们选择另一个单选“否”按钮,它将自动生成 textbox 然后我希望它是明确的 'yes' textbox。我试过了..下面是我的代码..

谁能帮帮我??

<html>
<body>
<form name="radios">
<INPUT TYPE=RADIO NAME="X" VALUE="H" onclick="show1();"/>yes
<INPUT TYPE=RADIO NAME="X" VALUE="L" onclick="show();"/>No
<INPUT TYPE=RADIO NAME="X" VALUE="LL" onclick="hide();"/>NA
<TEXTAREA id="area" style="display: none;" NAME="data" ROWS=10 COLS=50></TEXTAREA>
<TEXTAREA id="area1" style="display: none;" NAME="data" ROWS=10 COLS=50></TEXTAREA>
</form>
<script type="text/javascript">
function show1() { document.getElementById('area').style.display = 'block'; }
function show() { document.getElementById('area1').style.display = 'block'; }
function hide() { document.getElementById('area').style.display = 'none'; }
</script>
</body>
</html>

最佳答案

根据我的理解,下面的代码会对你有所帮助

function show() {
document.getElementById('area').style.display = 'block';
document.getElementById('area1').style.display = 'none';
}
function show1() {
document.getElementById('area1').style.display = 'block';
document.getElementById('area').style.display = 'none';
}
function hide() {
document.getElementById('area').style.display = 'none';
document.getElementById('area1').style.display = 'none';
}

在此处查看演示 https://jsbin.com/wogiyoxuhe/edit?html,js,output

关于javascript - 如果我有 3 个单选按钮,如何自动生成文本框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40521976/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com