javascript - 复选框以显示更多选项

我正在使用ColdFusion 8创建搜索表单，并且希望用户能够选中一个框，如果他们希望出现高级搜索选项。

这是我到目前为止的内容：

在我的JavaScript文件中：

function showDiv(advancedVal)
{
  if(advancedVal == '') {
    $('moreOptions').style.display = "";
  } else {
    $('moreOptions').style.display = "none";
  }
}

在我的CF文件中：

<input name="advanced" type="checkbox" value="" id="advanced" onclick="showDiv('');">


<div id="moreOptions" style="display:none;" class="moreOptions">
<table>
drop down boxes
</table>
</div>

该复选框位于另一个表中，这有关系吗？

有人知道为什么这行不通吗？

最佳答案

如果您不使用jQuery，则您的代码应为：

function showDiv(advancedVal)
{
  if(advancedVal) {
    document.getElementById('moreOptions').style.display = "";
  } else {
    document.getElementById('moreOptions').style.display = "none";
  }
}

和

<input name="advanced" type="checkbox" value="" id="advanced" onchange="showDiv(this.checked)">

这是一个示例：http://jsfiddle.net/XN8aK/1/