Как скрыть определенный раздел веб-страницы с помощью функции onclick()

Question

Я хочу скрыть определенный раздел отображения i.e, нажав кнопку. Как я могу достичь этого с помощью чистого javascript. вот часть моего кода.

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

При выборе 'YES' в радио-кнопке я хочу, чтобы скрыть/отключить это поле ввода:

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

Answer 1

После выполнения некоторых исследований я нашел решение, чтобы скрыть поле ввода

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> 

Answer 2

Вы можете добавить слушатель событий с помощью JavaScript, как этот

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

и в функции hideElm вы можете скрыть элемент

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

Answer 3

Если вы абсолютно необходимо, определить функцию, чтобы скрыть элемент или присвоить стиль, который делает в невидимом, как и https://jsfiddle.net/wfu9k0ck/

В противном случае обратите внимание на слушателей событий. Вы назначаете слушателя к элементу, как

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

когда кнопка нажал EventListener запускает событие, в данном случае functionToRemove