根据单选框radio的值，来显示checked状态

最新推荐文章于 2025-06-18 18:39:40 发布

原创最新推荐文章于 2025-06-18 18:39:40 发布 · 1.1w 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#单选框radio

本文介绍了一种通过JavaScript实现根据给定的值设置HTML中Radio按钮选中状态的方法。使用此方法可以根据不同的值动态地设置Radio按钮的选中状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

例如有以下代码，你拿到了radio的value值0,1,2 怎样根据他们的value值显示它的选中状态

   <div class="add_sex">
            <label><input name="form-field-radio" value="0" type="radio" class="ace" checked="checked"><span class="lbl">保密</span></label>&nbsp;&nbsp;
            <label><input name="form-field-radio" value="1" type="radio" class="ace"><span class="lbl" >男</span></label>&nbsp;&nbsp;
            <label><input name="form-field-radio" value="2" type="radio" class="ace"><span class="lbl" >女</span></label>
   </div>

方法如下：

var youVal = "0"; // 1,2 把你拿到的值赋给youVal
$("input[name='form-field-radio']").each(function(index) {
    if ($("input[name='form-field-radio']").get(index).value == youVal) {
        $("input[name='form-field-radio']").get(index).checked = true;
    }
});

今天同学提到了这个问题，我就百度了一下，又试了一下可以用的，希望能给大家提供点帮助。