当前位置:首页 > jquery

jquery设置radio选中

2026-03-16 23:28:16jquery

jQuery 设置 radio 选中

使用 jQuery 设置 radio 按钮选中状态可以通过以下方法实现:

方法一:使用 prop() 方法
prop() 方法用于设置或获取 DOM 属性的值。对于 radio 按钮,可以通过设置 checked 属性为 true 来选中它。

jquery设置radio选中

$('input[name="radioName"]').prop('checked', true);

方法二:使用 attr() 方法
attr() 方法也可以用于设置属性值,但需要注意在 jQuery 1.6+ 版本中,prop() 是更推荐的方式。

$('input[name="radioName"]').attr('checked', 'checked');

方法三:通过值匹配选中
如果知道 radio 按钮的具体值,可以通过值匹配来选中对应的选项。

jquery设置radio选中

$('input[name="radioName"][value="radioValue"]').prop('checked', true);

方法四:通过 ID 选中
如果 radio 按钮有唯一的 ID,可以直接通过 ID 选中。

$('#radioId').prop('checked', true);

注意事项

  • 确保选择器能正确匹配到目标 radio 按钮。
  • 使用 prop() 方法更符合现代 jQuery 的推荐实践。
  • 如果页面中有多个同名的 radio 按钮,设置一个为选中状态会自动取消其他同名的选中状态。

以上方法均可根据实际需求灵活使用。

标签: jqueryradio
分享给朋友:

相关文章

jquery 对话框

jquery 对话框

jQuery 对话框的实现方法 jQuery 对话框通常通过 jQuery UI 库中的 dialog() 方法实现。以下是几种常见的实现方式: 基本对话框实现 引入必要的 jQuery 和 jQ…

js jquery

js jquery

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够…

jquery 上传

jquery 上传

jQuery 文件上传方法 使用 jQuery 实现文件上传可以通过多种方式完成,以下是常见的几种方法: 使用原生表单和 AJAX 创建一个包含文件输入的表单,并通过 jQuery 的 AJAX…

jquery导航

jquery导航

jQuery 导航实现方法 使用 jQuery 实现导航菜单 jQuery 提供了多种方法来实现导航菜单的交互效果,如滑动、淡入淡出或高亮显示当前页面。以下是一个简单的导航菜单实现示例: <…

jquery源码

jquery源码

jQuery 源码解析 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。其源码设计精妙,值得深入分析。 源码结构 jQuer…

jquery 源码

jquery 源码

jQuery 源码解析 jQuery 是一个快速、小巧且功能丰富的 JavaScript 库。以下是其核心源码结构的解析: 核心架构 jQuery 源码采用模块化设计,核心功能包括选择器引擎、DOM…