根据无线电选择隐藏html内容

时间:2015-02-18 17:39:06

标签: javascript php html hide radio

嗨,我对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>
&#13;
&#13;
&#13;

4 个答案:

答案 0 :(得分:4)

确保您的功能块正确关闭:

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

中删除 javascript:
  

的onclick = “JavaScript的:yesnoCheck();”

答案 1 :(得分:0)

你的onclicks错了。已经假设onclick处理程序中的所有内容都是Javascript,因此使用javascript:伪url只是一个JS语法错误。

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

你在JS函数中错过了一个结束'}'