input--踩坑小记

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值了,改了一下,果然问题解决。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值