js 设置radio默认选中

最新推荐文章于 2024-06-28 16:59:00 发布

指尖飘落的程序

最新推荐文章于 2024-06-28 16:59:00 发布

阅读量2.6w

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端文章标签： js 设置radio默认选中 javascript

本文链接：https://blog.csdn.net/qq_33212500/article/details/51727270

前端专栏收录该内容

65 篇文章

订阅专栏

本文介绍了一种使用JavaScript来根据不同的状态和层级初始化页面上单选按钮的状态的方法。具体包括如何根据传入的状态值来选择性地设置单选按钮的勾选状态，适用于启用/停用状态切换以及不同教育层级的选择。

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

<p class="font">
    <input type="radio" style="display:inline-block;width:21px" name="status" checked="checked" class="mg-lr10"  id="open" value="1">启用
    <input type="radio" style="display:inline-block;width:21px" name="status"  class="mg-lr10"  id="close" value="0">停用

 </p>


$(".font").find("input[name='status']").removeAttr("checked");
if ('1' == result.status){
  $("#open").attr("checked","checked");
} else if ('0' == result.status){
  $("#close").attr("checked","checked");
}


<pre name="code" class="html"><input type="radio"  name="optionsRadiosinline"  value="MIDDLE_VOCATIONAL" checked> <em class="slect-1">中职</em>
<input type="radio" name="optionsRadiosinline" value="HIGH_VOCATIONAL" > <em class="slect-1">高职</em>
input type="radio" name="optionsRadiosinline" value="REGULAR_COLLEGE"  > <em class="slect-1">本科</em>

if(level=='MIDDLE_VOCATIONAL'){
   $("input[name='optionsRadiosinline']").eq(0).attr("checked","checked");
}else if(level=='HIGH_VOCATIONAL'){
   $("input[name='optionsRadiosinline']").eq(1).attr("checked","checked");
}else if(level=='REGULAR_COLLEGE'){
   $("input[name='optionsRadiosinline']").eq(2).attr("checked","checked");
}