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

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

 

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

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

     

 

 

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

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

 

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