按照正常的情况,是只有一个radio类型的选项的,在智能型的浏览器诸如Chorme,fireFox等,显示一个;如上图。
在IE中显示的就是多个radio,如下图。导致页面操作会出现问题。
只显示一个的实现原理是,把多余的删除掉,使用jequery的remove选项。
查了删除多余radio的逻辑,发现有一个地方取不到,是未定义。但是这个代码是以前测试过的。以前就是可以的,现在不可以了;非常奇怪。然后,继续找;同事也帮忙找........
很久之后,根据资源库的比较,发现多了一个div/>的结束标签。
删除之后,问题没有了,显示正常。
这个问题给人的教训是,写代码,语法上要严格按照规范去写,尤其是页面标签。
我随便看了一些,一些页面的代码,发现很多页面元素,没有闭合标签;编辑器,显示的有警告线;
然而,由于我们平时觉得,警告不影响运行,导致一些问题很隐晦,非常难以查到。
所以,日后写代码,对于警告可以不管,但是要明白为什么警告。如果,不明白为什么,又置之不理,那个警告可能会引起更大的问题。这个问题,主要是后续出现错误的话,难以发现。