Скрыть содержимое html на основе выбора радио

Question

Привет, я довольно новичок в php/html, и у меня возникают проблемы со скрытием входов на основе выбора моего радиоввода. Я хочу, чтобы иметь возможность скрывать остальные входы, если выбрано «Да», но ничего не происходит. Любая помощь будет принята с благодарностью. Благодарю.

<script type="text/javascript"> 
 
function yesnoCheck() { 
 
    if (document.getElementById('yescheck').checked) { 
 
     document.getElementById('IfYes').style.display = 'none'; 
 
    } else { 
 
     document.getElementById('IfYes').style.display = 'block'; 
 
    } 
 
</script> 
 

 
<li> 
 
<label><b>Did Line Stop? </b></label> <br/> 
 
<input type="radio" onclick="javascript:yesnoCheck();" name="linestop" value="Yes" id="yescheck" >Yes <br/> 
 
<input type="radio" onclick="javascript:yesnoCheck();" name="linestop" value="No" id="nocheck" >No 
 
</li> 
 
</br> 
 

 
    
 

 
    
 
\t 
 
\t 
 

 
<div id="IfYes"> 
 

 

 
<label><b>If Line Stopped: </b></label> <br/> 
 

 

 
<div style="line-height:2em;"> 
 
<li> 
 
<label><b>Time Down: </b></label> 
 
<input type="text" size="1" maxlength="2" name="timedownhour"> : 
 
<input type="text" size="1" maxlength="2" name="timedownminute"> 
 
<select class="element select" style="width:4em" id="element_2_5" name="timedownampm"> 
 
<option value="AM" >AM</option> 
 
<option value="PM" >PM</option> 
 
</select> 
 
<label><b>AM/PM</b></label><br/> 
 
</li> 
 
</div> 
 

 

 
<div style="line-height:2em;"> 
 
<li> 
 
<label><b>Time Up: </b></label> &nbsp; &nbsp; 
 
<input type="text" size="1" maxlength="2" name="timeuphour"> : 
 
<input type="text" size="1" maxlength="2" name="timeupminute"> 
 
<select class="element select" style="width:4em" id="element_2_4" name="timeupampm"> 
 
<option value="AM" >AM</option> 
 
<option value="PM" >PM</option> 
 
</select> 
 
<label><b>AM/PM </b></label><br/> 
 
</li> 
 
</div> 
 

 

 
</div>

Answer 1

Убедитесь, что функциональный блок закрыта:

function yesnoCheck() { 
     if (document.getElementById('yescheck').checked) { 
      document.getElementById('IfYes').style.display = 'none'; 
     } else { 
      document.getElementById('IfYes').style.display = 'block'; 
     } 
    } 

удалить JavaScript: из

OnClick = "JavaScript: yesnoCheck();"

Answer 2

Ваши onclicks неверны. Уже сказано, что все, что находится внутри обработчика onclick, - это Javascript, поэтому наличие псевдо-url - это просто синтаксическая ошибка JS.

<input type="radio" onclick="yesnoCheck();" etc... 
          ^---see, no "javascript:", just the function call 

Answer 3

onclick="javascript:yesnoCheck();" - onclick="yesnoCheck();". Вам не нужно использовать javascript:

Answer 4

Вы пропустили закрывающий «}» в вашем JS функции