1.以前遇见过 input 单选框无论如何无法选中的情况,最后弄明白是因为事件冒泡的原因。这一次又遇见,最终居然是因为name值相同导致的。
<label for="man"><input type="radio" name="sex" id="man" value="1" ><i class="circle"></i>男</label>
<label for="woman"><input type="radio" name="sex" id="woman" value="2" ><i class="circle"></i>女</label>
<label for="manG"><input type="radio" name="sex" id="manG" value="1" ><i class="circle"></i>男</label>
<label for="womanG"><input type="radio" name="sex" id="womanG" value="2" ><i class="circle"></i>女</label>
以上是同一html里面的两个代码片段;
结果使用 js 选中 第一个代码片段里面的 id = “man”的单选框时,发现总是无法选中,此时第二个代码片段是不在视图中显示的。折腾半天也没发现为什么。
使用 $(“man”)[0].checked 获取属性值的时候
写成了 $(“manG”)[0].checked ,发现$(“manG”)[0].checked的值居然为 true
瞬间心里就一万句MMP…..
看了一下两者相关的地方也就一个name值了,改了一下,果然问题解决。