根据单选隐藏html内容答案

【问题标题】：Hide html content based on radio selection根据单选隐藏html内容
【发布时间】：2015-04-19 20:12:06
【问题描述】：

您好，我是 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>

    

   
	
	

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

【问题讨论】：

你忘记了函数}的结束yesnoCheck

标签： javascript php html hide radio

【解决方案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();"

【讨论】：

谢谢。我真的很感激。

【解决方案2】：

您的点击次数错误。已经假定 onclick 处理程序中的所有内容都是 Javascript，因此拥有 javascript: 伪 URL 只是 JS 语法错误。

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：