根据单选按钮隐藏 html 内容

Question

嗨，我是 php/html 的新手，我无法根据我的无线电输入选择隐藏输入。如果选择 "yes" 但没有任何反应，我希望能够隐藏其余输入。任何帮助将不胜感激。谢谢

<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>

    

   
 
 

<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

你的点击是错误的。已经假定 onclick 处理程序中的所有内容都是 Javascript，因此具有 javascript: 伪 url 只是一个 JS 语法错误。

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

Answer 2

确保您的功能块已正确关闭：

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 3

将 onclick="javascript:yesnoCheck();" 更改为 onclick="yesnoCheck();"。您不需要使用 javascript:

Answer 4

您的 JS 函数中缺少结束符“}”

根据单选按钮隐藏 html 内容

Hide html content based on radio selection

html

javascript

php

hide

radio