0

我正在尝试制作复选框来隐藏/显示段落,但由于某种原因,当我单击复选框时,段落不会出现,这是 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>
4

2 回答 2

5

没有visibility: block,所以hidden没有被改变。使用visibility: visible. return true;您在函数 ( vs. return true:)中也有语法错误。

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

于 2013-03-08T00:34:23.833 回答
2

visibilityCSS 属性可以有两个值:hiddenvisible

您将其设置为block,这是行不通的。display您可能将它与可以设置为 的属性blocknone其他一些值混淆了。

于 2013-03-08T00:32:29.897 回答