使用jquery单击复选框时无法显示/隐藏其他字段

使用jquery单击复选框时无法显示/隐藏其他字段,jquery,html,css,Jquery,Html,Css,我正在尝试根据复选框输入选择显示和隐藏复选框下方的文本字段(从文档级别到要隐藏和显示的状态)。但它只隐藏文本,而不隐藏表边框。请告诉我哪里出错了?。我在表单标签中使用了table标签。当我运行index.jsp时,复选框(文档级别到状态)下面的字段应该被隐藏 这是index.jsp页面 文件管理系统 氢{ 文本阴影:2px 2px 5px红色; } #注册容器{ 最大宽度:600px; 最小宽度:320px; 宽度:100%; 利润率:70像素自动; 边框:2件纯蓝; 边框样式:插图; 边界

我正在尝试根据复选框输入选择显示和隐藏复选框下方的文本字段(从文档级别到要隐藏和显示的状态)。但它只隐藏文本,而不隐藏表边框。请告诉我哪里出错了?。我在表单标签中使用了table标签。当我运行index.jsp时,复选框(文档级别到状态)下面的字段应该被隐藏

这是index.jsp页面


文件管理系统
氢{
文本阴影:2px 2px 5px红色;
}
#注册容器{
最大宽度:600px;
最小宽度:320px;
宽度:100%;
利润率:70像素自动;
边框:2件纯蓝;
边框样式:插图;
边界半径:8px;
背景色:aliceblue;
排名:0;
填充:15px;
}
#背面表格{
证明内容:中心;
}
.对{
文本对齐:右对齐;
浮动:对;
}
#WGTMR{
宽度:153px;
}
.隐藏{
显示:无;
}
函数showHide(){
var checkbox=document.getElementById(“chk”);
var hiddeninputs=document.getElementsByClassName(“隐藏”);
for(变量i=0;i!=hiddeninputs.length;i++){
如果(复选框。选中){
hiddeninputs[i].style.display=“block”;
}否则{
hiddeninputs[i].style.display=“无”;
}
}
}




上载新文档 表格详情 Z id 名字 安加利 穆昆德 帕端纳 桑托什 阿伦 拉梅什 纳契克 拉金德拉 姓 邮件id 分部 B Z 我 查阅 P 部门 信息技术 财务 后勤 设计 成本中心代码 000 111 121 222 222 222 222 222 222 文件编号 文件名 文件类型 协议书 合同 人事军官 发票联 辅酶A 租赁契约 资产管理公司 直接材料 间接材料/服务

文件类别 顾客 小贩 内部的 文件分类 公开的 团队 使用者

修饰语 授权人 从日期开始 迄今为止