javascript - 单选按钮显示文本框(如果选中)，如果选择其他选项则消失

选择单选按钮时，我试图添加一个文本区域。如果选择了另一个选项，则我需要该文本区域消失。

我有以下设置

Default.php调用该代码，因此我可以在以后的任何页面中包含此代码


  包括'core / chkbox.php'



chkbox.php包含以下内容

<script type="text/javascript">  function dynInput(cbox) {   if (cbox.checked) {
    var input = document.createElement("input");
    input.type = "text";
    var div = document.createElement("div");
    div.id = cbox.name;
    div.innerHTML = cbox.title;
    div.appendChild(input);
    document.getElementById("insertinputs").appendChild(div);   } else {
    document.getElementById(cbox.name).remove();   } }  </script>

然后在我试图在其中显示单选按钮和textarea的页面中将其称为


>

<tr>
            <td><label>Does Change Impact on<br> services?:</label></tr></td>
            <td>

            <input type="radio" class="radio" value="1" name="chg_serviceimpact_ckbx" title="Details:"onclick="dynInput(this);" />Yes
            <input type="radio" class="radio" value="1" name="chg_serviceimpact_ckbx" />No

            <p id="insertinputs" <textarea title="Will services be impact during implementation? Please note outage duration and system" name="chg_serviceimpact" Style="height: 40px" Style="width:400px"></textarea>
                  </p>
                    </></td>                </tr>

我的问题是，如果选择“是”，则会出现txt框，但我无法设置此框的大小；如果选择“否”，则文本框不会被删除；如果选择“是”，则两次文本区域也会出现两次。

解密和理解这一点的任何帮助将不胜感激。

最佳答案

您的HTML应始终包含文本框。只需使用CSS显示/隐藏它即可。

当前，每次选择相应选项时，您都将添加一个文本框。

关于javascript - 单选按钮显示文本框(如果选中)，如果选择其他选项则消失，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37722659/