Question

我想隐藏显示的特定部分，即点击按钮。我怎样才能用纯javascript实现它。这是我的一段代码。

<input type="radio" name="fx" value="YES" onClick="other();hide();"> Yes <input type="radio" name="fx" value="NO" checked> No

选择＆＃39;是＆＃39;在单选按钮中我想隐藏/禁用此输入字段：

<INPUT TYPE="number" id="ctc" NAME="fctc" value=0 required/>

Answer 1

您可以使用像这样的

添加事件监听器

document.getElementById("myBtn").addEventListener("click", hideElm);

并且在hideElm函数中，您可以隐藏元素

function hideElm() {
    document.getElementById("container").style.display = "none";
}

Answer 2

如果你绝对必须，定义一个隐藏元素的函数或指定一个不可见的样式，如https://jsfiddle.net/wfu9k0ck/

否则请看一下事件监听器。你为一个元素分配一个监听器，比如

document.getElementById("yourButtonsId").addEventListener("click", functionToRemove);

单击按钮时，eventListener将触发事件，在本例中为functionToRemove

Answer 3

在做了一些研究之后，我找到了隐藏输入字段的解决方案

function hide() {
var newHTML="<input type='hidden' name='ctc' value='0'>";
document.getElementById("ctc").innerHTML = newHTML;

 }

<input type="radio" name="fx" value="YES" onClick="hide();"> Yes
<input type="radio" name="fx" value="NO" checked> No
<p id="ctc"> <INPUT TYPE="number" NAME="ctc"  value=0 required/></p>

如何使用onclick（）函数隐藏网页的输入元素

3 个答案: