jq设置单选框为选中状态

html中的单选择框中的默认选项可以使用js来进行定义，而jquery则是一个javascript的库，它简化了html元素的操作，可以让我们更方便的用于前端web的开发。下面73so博客就利用jquery来说说如何定义html单选框默认选中的方法。

jquery设置单选框默认选中

例1：

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<input type="radio" name="sex" value="0">男
<input type="radio" name="sex" value="1">女
<input type="radio" name="sex" value="2">保密
<script>
$(document).ready(function(){
    // 设置第一个单选框为默认选中项
    $('input:radio:first').attr('checked', true);
});
</script>

注：

1、ready()方法在页面加载完后触发。

2、input:radio:first 表页页面中第一个radio元素

3、attr 表示在元素上添加相应的属性

例2：

如果页面中有多组radio单选框，可以参考下面的示例代码来设置单选框的默认选择。

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<h5>性别：</h5>
<input type="radio" name="sex" value="0">男
<input type="radio" name="sex" value="1">女
<input type="radio" name="sex" value="2">保密
<h5>喜欢的天气：</h5>
<input type="radio" name="t" value="0">晴天
<input type="radio" name="t" value="1">下雨
<input type="radio" name="t" value="2">多云
<script>
$(document).ready(function(){
    // 设置第一个单选框为默认选中项
    $('input[name="sex"]:first').attr('checked', true);
    $('input[name="t"]:eq(2)').attr('checked', true);
});
</script>

注：eq()方法可以在一个元素集中，通过索引值相应的元素。