Javascript 什么'；这里怎么了？复选框不是'；行不通

我试图通过复选框来隐藏/显示段落，但由于某些原因，当我单击复选框时，段落不会出现，下面是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>

这是一个段落
这是一段
这是一个段落
第一段

第二段

第三段

可见性
CSS属性可以有两个值：
隐藏的
或
可见的

您正在将其设置为
块
，这不起作用。您可能会将其与
显示
属性混淆，该属性可以设置为
块
、
无
和一些其他值。
没有
可见性：块
，因此
隐藏
。使用
可见性：可见
。函数中还存在语法错误（
return true；
vs.
return true:
）

您的CSS已关闭。它是
display:block | none
（或多或少）和
visibility:visible | hidden
+1，用于发现语法错误。我更快了，但您实际上发现了两个错误：）您是否也更正了语法错误？我在Firefox上测试了你的代码，两个错误都得到了纠正，并且都正常工作。