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

标签 javascript jquery

我有 3 个单选按钮,当选择其中一个按钮时,我想自动生成 textbox 。例如,如果用户选择"is"单选按钮,我需要文本框,如果他们选择另一个单选“否”按钮,它将自动生成 textbox,然后我希望它清楚地显示"is"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/

相关文章:

javascript - 如何使用 jQuery 获取内部样式表?

javascript - 旋转后我的 div 移动位置并且永远不会返回

javascript - 与其他列表中的字段相对应的订单列表 - Underscore Javascript

javascript - 在 JSX 中断 React 渲染协调时渲染功能组件

javascript - 具有输入类型范围问题的 Sweet alert 2 模态

javascript - 删除或应用默认对象作为值

javascript - jQuery 覆盖原型(prototype)中的 'this'

javascript - Ajax 在 Webix 中不起作用

javascript - socket.io - 向特定用户广播

javascript - 如何使页面以随机像素和随机方向滚动