Java 与<；部门>；JSP中用于使内容隐藏或可见的标记

我已经编写了一个javascript函数

function wellChecked(state) {
if (state)
{
wellDropDown.style.visibility = 'visible';
}
else
{
wellDropDown.style.visibility = 'hidden';
}
}

我在

井改造后有一个复选框，如下所示

<tr>
  <td>On Call</td>
  <td><html:checkbox property="onCall"/></td>
  <td>Well Modification</td>
  <td><input type="checkbox" onclick="wellChecked(this.checked)" /></td>
</tr>

当我尝试执行这段代码时，我可以看到下拉列表显示出来，而不管复选框是否选中

在这种情况下，我错在哪里？请给出您的建议或方法来实现我的要求。
您的HTML无效。您可能没有这样的
div
封装
td
。使
td
本身可见或不可见，或者将
div
放在
td
内，而不是放在
td
周围

此外，除非
wellDropDown
是一个全局JS变量，否则代码应该是

document.getElementById("wellDropDown").style.visibility = 'visible';

您的HTML无效。您可能没有这样的
div
封装
td
。使
td
本身可见或不可见，或者将
div
放在
td
内，而不是放在
td
周围

此外，除非
wellDropDown
是一个全局JS变量，否则代码应该是

document.getElementById("wellDropDown").style.visibility = 'visible';

使用jquery，您可以执行以下操作：

    <tr>
      <td>On Call</td>
      <td><html:checkbox property="onCall"/></td>
      <td>Well Modification</td>
      <td><input type="checkbox" id="myCheckBox" /></td>
    </tr>
...

<script>
$('#myDropDown').click(
  function () {             
    $("#wellDropDown").toggle();    
  });
);
</script>


随时待命
修井
...
$（“#我的下拉列表”）。单击(
函数（）{
$（“#wellDropDown”）.toggle（）；
});
);
使用jquery，您可以执行以下操作：

    <tr>
      <td>On Call</td>
      <td><html:checkbox property="onCall"/></td>
      <td>Well Modification</td>
      <td><input type="checkbox" id="myCheckBox" /></td>
    </tr>
...

<script>
$('#myDropDown').click(
  function () {             
    $("#wellDropDown").toggle();    
  });
);
</script>


随时待命
修井
...
$（“#我的下拉列表”）。单击(
函数（）{
$（“#wellDropDown”）.toggle（）；
});
);
wellDropDown-这在js函数中使用，但它是在哪里定义的？我认为至少需要使用
document.getElementById（'id-here'）。style.visibility='hidden/visible'
而不是wellDropDown。@ManishSharma wellDropDown是
div
tagwellDropDown的
id
属性-这在js函数中使用，但它是在哪里定义的？我认为至少需要使用
document.getElementById（'id-here'）。style.visibility='hidden/visible'
而不是wellDropDown。@Manishharma wellDropDown是
div
标记的
id
属性