这里有什么问题？复选框不工作

Question

我试图让复选框显示/隐藏段落，但由于某些原因，当我点击复选框的段落不会出现，这里是JavaScript代码：

function showPara() 
{ 
    document.getElementById("first").style.visibility=(document.formex.firstpara.checked) ? "block" : "hidden"; 
    document.getElementById("second").style.visibility=(document.formex.secondpara.checked) ? "block" : "hidden"; 
    document.getElementById("third").style.visibility=(document.formex.thirdpara.checked) ? "block" : "hidden"; 
    return true: 
} 

下面是HTML代码：

<p id="first">This is a paragraph</p> 
<p id="second">This is a paragraph</p> 
<p id="third">This is a paragraph</p> 

<form name="formex"> 
    <input type="checkbox" name="firstpara" onClick="showPara();"/>First Paragraph<br /> 
    <input type="checkbox" name="secondpara" onClick="showPara();"/>Second Paragraph<br /> 
    <input type="checkbox" name="thirdpara" onClick="showPara();"/>Third Paragrpah<br /> 
</form> 

Answer 1

的visibility CSS属性可以有两个值：hidden或visible。

您正在将其设置为block，这不起作用。您可能会将其与display属性混淆，该属性可以设置为block,none和其他一些值。

Answer 2

没有visibility: block，所以hidden没有被改变。使用visibility: visible。您在函数中也有语法错误（return true;与return true:）。

http://jsfiddle.net/frKXN/1/