根据电台选择隐藏 html 内容

Question

嗨，我对 php/html 还很陌生，我在隐藏基于我的无线电输入选择的输入时遇到了麻烦。 如果选择“是”但没有任何反应，我希望能够隐藏输入的 rest。 任何帮助将不胜感激。 谢谢。

 <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

确保您的 function 块已正确关闭：

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

你的点击是错误的。 已经假设onclick处理程序中的所有内容都是 Javascript，因此具有javascript: pseudo-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 function 中缺少一个结束“}”