这里出了什么问题?复选框不起作用

What's wrong here? Checkboxes aren't working

本文关键字：复选框 不起作用 问题 什么 这里      更新时间：2023-09-26

我试图使复选框隐藏/显示段落，但由于某种原因，段落不出现当我点击复选框，这是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>

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

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

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

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

相关文章：