从接口返回的值确定radio默认选中

最新推荐文章于 2023-03-24 10:47:18 发布
最新推荐文章于 2023-03-24 10:47:18 发布
阅读量459 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41696819/article/details/103861090
版权
这篇博客展示了如何在HTML中通过JavaScript获取radio按钮并根据从接口返回的值来设定默认选中状态。代码示例中，利用jQuery选择器获取到所有class为'optionsRadios'的radio元素，然后遍历这些元素，当值匹配到'28'时，将其设置为选中状态。
摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    </head>
    <body>
        <div id="box">
            
        </div>
            
        <script type="text/javascript">
//            <td class="inpu-radio"><input type="radio" name="one" value="27" class="optionsRadios"></td>
            //获取radio对象
            var html = ''
            html += '<table border="" cellspacing="" cellpadding="">'+
            '<tr><td><input type="radio" name="one" val

最低0.47元/天 解锁文章
fan_xin_yu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
element ui根据返回数据动态实现多项单选及回显
卡卡西：一个擅长拷贝的前端程序员
06-18 2579
效果如下，数据都是接口返回的， 思路： element-ui 的单选<el-radio>标签，可通过 v-model 绑定变量来设置默认值，但上图这种效果，所有数据都是接口动态返回，不能预先在data中定义 每组单选 变量来设置默认值， 可在data中定义一个数组 qualitySelect，数据返回时，有几组数据向这个数组中push几个值，值为每组数据默认的选中值，注意，值必须为number类型，才会给<el-radio>的v-model赋值上 <tabl...
根据接口返回数据让radio默认选中
qq_41696819的博客
12-11 923
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../picture/jquery-2.0.3.min.js"></script> ...
jQuery一句就搞定radio返回值选定的问题
iteye_15959的博客
07-24 384
jQuery(":radio[value=${user.gender}]").attr("checked",true);一句就搞定，而用平常的                  &lt;td class="px10"&gt;&lt;input type="radio" name="sex" id="radio" value="NONE"
【elementUI】【radio】【vue3】 点击再点击 取消和选中
qq_53478650的博客
03-05 6607
通过传过来的e值与设置的radio值比较 （这里设定是如果相等则让radio为空（不选中），否则就让radio为这个传过来的值（ 选中），之后就会循环往复：为这个传过来的值e，为空.....）总结：通过以上方法实现了radiobutton的单个使用，虽然javajframe里的直接用，但这个官网好像没给说明（应该是觉得太简单了）然后编写这个事件的方法 （首先你要在data里return radio 或者其它方式）1、radio单用 想要重复点击选中取消选中两个状态切换的设置。
el-cascader 动态加载选项、编辑时数据回显问题 、单选不加载下一级节点、点击标签选中
风间琉璃c
03-24 2万+
el-cascader 动态加载选项 以及编辑时数据回显问题
vue 实现单选框设置默认选中值
12-30
vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的 html部分是通过v-for取的后台的数据 (value,i) key=value.id> <input class=radio type=radio name=radios :value=i v-...
JavaScript中获取Radio被选中的值
01-21
原理就是：一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值. <form id=userlist method=post action=option.php> <input type=radio name=userid value=1>1 <input type=radio name=...
Jquery获取radio选中的值
10-19
`val()` 方法返回选中按钮的值，然后这个值被显示在警告框中。 如果在页面加载时没有选中的单选按钮，`val()` 方法将返回 `undefined`。因此，在实际应用中，你可能需要添加一些错误检查或默认值处理。 总的来说，...
使用jquery根据后台返回数据来设置radio选中状态
刺心的博客
12-04 1420
$("[name='xxxx'][value='后台返回数据']").prop("checked", "checked"); 解释：name值为'xxxx'的radio，且满足本地value和后台数据相等条件，就置为选中状态。
vue相关笔记
qq_26586953的博客
06-12 569
Vue + element.js +Avue.js 笔记 调整搜索栏 js部分 export const option = { border: true, index: true, indexLabel: '序号', stripe: true, menuAlign: 'center', align: 'center', addBtn: false, editBtn: false, delBtn: false, menu: false, // 隐藏表格操作列 c
jquery 根据值设置radio选中，获取选择的值
热门推荐
随记
09-02 7万+
百度到了很多种，基本没几个能用的，是因为浏览器版本的问题。试了多次，找到一个可适应多版本IE的，其它浏览器为测试，不过应该可行。 HTML： <input name="rbsex" id="man_radio" type="radio" value="1" checked="checked" /><label>男</label>
往接口中传递 radio 类型的结果
cmcesummer的博客
03-25 446
先定义一个函数： function checkedtype () { var radio=$('input[name="study_type"]'); for (var i = 0; i < radio.length; i++) { if (true === radio[i].checked) return (i + 1); } }这样调用这个函数的时候
根据获取的value值设置radio选中状态
weixin_34353714的博客
11-22 3154
最终效果如下： html如下： js如下： <script> var yourVal = 1; // or 2,3 $("input[name='taocan']").each(function(index) { if ($("input[name='taocan']").get(index).value == yourVal) { $("input[name...
前端radio单选框默认选中_单选框radio总结（获取值、设置默认选中值、样式）...
weixin_42139357的博客
02-05 4972
是否1.获取值$("input[name=‘killOrder‘]:checked").val();$(‘input:radio:checked‘).val()；$("input[type=‘radio‘]:checked").val();$(":radio[checked]").each(function(radio){alert($(this).val());2.设置第一个Radio为选中值：...
vue中怎么获取radio的选中值 、选中状态？
ShiYadong的专栏
04-19 6万+
方法1：设置v-model&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;test&lt;/title&gt; &lt;script src="https://cdn.bootcss.com/vue/2
radio标签通过radio的值来确定选中
my_interface的博客
03-21 690
是&lt;input name="yesno" type="radio" value="1" /&gt; 否&lt;input name="yesno" type="radio" value="0" /&gt;var c=1;$(":radio[name='yesno'][value='" + c + "']&qu
element ui的el-radio踩坑
weixin_33768481的博客
06-20 3703
1.html 1 <div class="listPeopleDetail"> 2 <div class="item" v-for="(item, index) in freeEmpList" :key="index"> 3 <div class="name" v-cloak>{{item.empName}}</div&g...
el-radio-group默认选中值
最新发布
09-09
el-radio-group 的默认选中值可以通过设置 el-radio 的 v-model 属性来实现。v-model 绑定的值可以是一个变量，通过设置该变量的初始值来实现默认选中。 比如，如果我们要将默认选中的值设置为 "option1"，可以这样写： ```html <template> <div> <el-radio-group v-model="selectedOption"> <el-radio :label="option1">Option 1</el-radio> <el-radio :label="option2">Option 2</el-radio> <el-radio :label="option3">Option 3</el-radio> </el-radio-group> </div> </template> <script> export default { data() { return { selectedOption: 'option1', option1: 'Option 1', option2: 'Option 2', option3: 'Option 3', } }, } </script> ``` 在上面的代码中，selectedOption 的初始值被设置为 'option1'，因此默认会选中 "Option 1"。如果你想要设置不同的默认选中值，只需要将 selectedOption 的初始值改为对应的选项值即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值