网页页面NULL值对浏览器兼容性的影响
最近做项目中一个页面中的input radio出现浏览器兼容性问题。
主要问题:
在谷歌浏览器,360急速模式和搜狗急速模式中给radio初始动态赋值时,checked属性失效,无法选中。注:360急速模式和搜狗急速模式使用了谷歌chorme的内核(又称webkit内核)。
在火狐浏览器中给radio初始动态赋值时,checked属性正常选中。
本来同事以为是浏览器兼容问题,始终未能解决问题,后来这个Bug交由我来修改。
初始接到任务时,也怀疑是浏览器兼容问题,但后来仔细一想,谷歌这么牛皮的技术实力,出问题的几率应该比较小,遂从代码本身查找问题。后来发现原来是有一个EL表达式的值附了NULL值,影响了radio的选中,才出现了浏览器不兼容的Bug。
总结经验教训,对NULL值的判断,十分必要,特别是页面中JQuery不会对隐性错误进行提示。
先给出问题的代码块。主要功能是根据后台传参选择radio是否选中。
<%-- <c:choose>
<c:when test="${gj.notmodelbad=='1' }">
<input type="radio" name="nobad" value="1" checked="checked" style="margin-left:18px;"/><label style="margin-left:5px;font-size:14px;">信息描述不符,无法判断</label><br />
<input type="radio" name="nobad" value="2" style="margin-left:112px;font-size:14px;"/><label style="margin-l