单选框选中的几种方法，总结

来源：互联网发布：ubuntu可以做什么编辑：程序博客网时间：2024/06/01 11:51

有js，也有jquery

页面是这样<input type="radio" name= "rm" value="1" onclick="change();" />aa <input type="radio" name= "rm" value="2" onclick="change();"/>bb <input type="radio" name= "rm" value="3" onclick="change();"/>cc

<script type="text/javascript">

<span style="white-space:pre">// 选中单选框的几种方法<span style="white-space:pre"></span><span style="white-space:pre"></span>$("input[name='rm'][value='1']").click();//最保险的方法 直接click，用name value限定<span style="white-space:pre"></span>$("input[name='rm']").get(1).click(); // 可以   eq 和get都是从1开始的<span style="white-space:pre"></span>$("input[name='rm']:eq(1)").click(); // 不行<span style="white-space:pre"></span><span style="white-space:pre"></span><span style="white-space:pre"></span>$("input[name='rm']").get(1).checked=true; // 可以,但这种方法不会触发change事件，慎用！<span style="white-space:pre"></span>$("input[name='rm'][value='1']").checked=true; // 我以为可以，但实际上不行<span style="white-space:pre"></span>$("input[name='rm']:eq(1)").checked=true;  // 也不行<span style="white-space:pre"></span><span style="white-space:pre"></span>$("input[name='rm']:eq(1)").attr('checked',true); // 可以<span style="white-space:pre"></span>$("input[name='rm']").get(1).attr('checked',true); // 不行<span style="white-space:pre"></span>$("input[name='rm'][value='1']").attr('checked',true); // 可以</span>，也不会触发change

</script>

个人建议，最好用第一个，纯jquery，上一篇innerText时就说了，jquery数组的方法，就是names[ ]或names.get() 兼容性较强，eq() 就不行，最后，最好别用.attr

如果是查询选中的话，纯jquery $('.develop-radio').is(":checked")

0 0