关于JSP页面中根据checked的值显示隐藏行的问题

Posted 2020-07-26

这是一个查询页面，在我的JSP页面中有一个单选框，C标签根据从数据库中获取到的值选择checked=“checked”与否：

当单机单选框时会调用一个showme（）方法，选中则显示隐藏的两行，未选中则隐藏。这两行的<tr>里面都给了一个class="yinc"用来在Jquery中的showme（）方法控制隐藏与否：

 

好了背景介绍到这里，接下来进入正题。期初我将方法写在引用的JS文件里如同这样：

但是实现的效果就是在浏览器中第一次加载页面的时候，数据库中有值所以单选框勾选了（C标签的控制），但是当我们取消勾选的时候，问题来了：页面的效果为你取消勾选的时候显示了两行，你勾选的时候却隐藏了这两行，如同这样：

     

 

 

这与我想要的效果冲突（最初追求的效果是勾选之后可以进行对这两行的相应操作），原因就是这个单击的方法只要你单击了就改变行的状态，但是你初始的状态就是勾选的时候就隐藏了（可能是js里面的else在捣鬼吧，我也不大清楚）

机智如我又是萌新以为是js加载顺序的问题，开始了各种尝试，比如把js的引用从jsp页面的head部分放到body部分，然而并没有什么卵用。最后各种尝试未果，我给单选框加了一个ID属性，然后把js写在这里面就神奇的凑效了：

 

虽然不知道什么原因，但是最后总算实现了加载时根据单选框的值选择与否隐藏和显示行，具体的原因以后找到了再更吧，萌新出发了！