首页 前端知识 【jQuery】如何在页面初始化时,默认选中指定值的单选按钮

【jQuery】如何在页面初始化时,默认选中指定值的单选按钮

2024-02-23 11:02:13 前端知识 前端哥 803 851 我要收藏

前言

今天来记录一下在工作中,做前后端分离的后台项目时,并且需要调取接口获得数据,并渲染到页面上时,如何用jQuery在页面初始化时,默认选中指定值的单选按钮。


代码片段示例

<div class="test">
    <input type="radio"  name="aType" value="1" title="苹果">
    <input type="radio"  name="aType" value="2" title="菠萝">
    <input type="radio"  name="aType" value="3" title="葡萄">
</div>
<script>
	$.ajax({
           url: '', //后端接口
           type: '', //请求方式
           data: {}, //需要传的参数
           success: function (res) {
             //拿到值后的操作
              $("input[name='aType'][value=" + res.data.index + "]").prop('checked', true);
              //res.data.index  为接口返回的radio的值
           }
     })
</script>

总结

以上就是今天分享的知识点😄,在千千万万的文章中能与你相遇是一种缘分,一起加油呀!!!💖💖💖
jQuery:如何在页面初始化时,默认选中指定值的单选按钮jQuery:如何在页面初始化时,默认选中指定值的单选按钮jQuery:如何在页面初始化时,默认选中指定值的单选按钮
jQuery:如何在页面初始化时,默认选中指定值的单选按钮 jQuery:如何在页面初始化时,默认选中指定值的单选按钮jQuery:如何在页面初始化时,默认选中指定值的单选按钮
jQuery:如何在页面初始化时,默认选中指定值的单选按钮 jQuery:如何在页面初始化时,默认选中指定值的单选按钮jQuery:如何在页面初始化时,默认选中指定值的单选按钮
jQuery:如何在页面初始化时,默认选中指定值的单选按钮jQuery:如何在页面初始化时,默认选中指定值的单选按钮jQuery:如何在页面初始化时,默认选中指定值的单选按钮
jQuery:如何在页面初始化时,默认选中指定值的单选按钮 jQuery:如何在页面初始化时,默认选中指定值的单选按钮jQuery:如何在页面初始化时,默认选中指定值的单选按钮
jQuery:如何在页面初始化时,默认选中指定值的单选按钮 jQuery:如何在页面初始化时,默认选中指定值的单选按钮jQuery:如何在页面初始化时,默认选中指定值的单选按钮
jQuery:如何在页面初始化时,默认选中指定值的单选按钮 jQuery:如何在页面初始化时,默认选中指定值的单选按钮jQuery:如何在页面初始化时,默认选中指定值的单选按钮
jQuery:如何在页面初始化时,默认选中指定值的单选按钮 jQuery:如何在页面初始化时,默认选中指定值的单选按钮jQuery:如何在页面初始化时,默认选中指定值的单选按钮
jQuery:如何在页面初始化时,默认选中指定值的单选按钮jQuery:如何在页面初始化时,默认选中指定值的单选按钮jQuery:如何在页面初始化时,默认选中指定值的单选按钮
jQuery:如何在页面初始化时,默认选中指定值的单选按钮 jQuery:如何在页面初始化时,默认选中指定值的单选按钮jQuery:如何在页面初始化时,默认选中指定值的单选按钮

转载请注明出处或者链接地址:https://www.qianduange.cn//article/2570.html
标签
ajax
评论
发布的文章

程序员的中秋节

2024-03-09 09:03:01

js中几种追加元素的方法

2024-03-08 10:03:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!