Jquery操作Input之Select和Radio选中

最新推荐文章于 2025-03-16 09:31:25 发布

damaolly

最新推荐文章于 2025-03-16 09:31:25 发布

阅读量629

点赞数 1

分类专栏： JavaScript jquery 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/damaolly/article/details/72483843

版权

JavaScript 同时被 2 个专栏收录

11 篇文章

订阅专栏

jquery

3 篇文章

订阅专栏

本文详细介绍了如何使用Jquery库来实现Select选项与Radio按钮的选中操作，包括针对Select的选中方法和Radio的选中方法，为前端开发者提供了实用的代码示例。

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

，Select：

<div class="form-group">
<label for="" class="col-sm-3 control-label">角色类型</label>
    <div class="col-sm-9">
        <select id="typeId" name="role_type" datatype="*">
        <option value="1">公用</option>
        <option value="0">私有</option>
        </select>
    </div>
</div>

选中方法：

$("#typeId").val(data.type); /**/data.type为后端返回的数据需要注意的是json属性的值要与option中value属性值一致，否则不能选中**

Radio：

<div class="form-group">
    <label for="" class="col-sm-3 control-label">账号状态</label>
    <div class="col-sm-9">
        <label class="radio-inline">
            <input type="radio" name="status" value="1" >
            有效
        </label>
        <label class="radio-inline">
            <input type="radio" name="status" value="0">
            无效
        </label>
    </div>
</div>

选中方法：

$("input[name=status][value=" + data.status + "]").attr("checked", true);