当前位置:首页 > 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 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。其核心特点是“写得更少,做得更多”(Write Les…

jquery 之家

jquery 之家

jQuery 之家是一个专注于 jQuery 相关资源的中文网站,提供插件、教程、代码示例等内容。以下是相关信息整理: jQuery 之家网站内容 该网站通常包含以下资源: jQuery 插件下载…

jquery 图表

jquery 图表

jQuery 图表库推荐 jQuery 本身不直接提供图表功能,但可以通过插件或集成其他库实现图表绘制。以下是几种常用的 jQuery 图表解决方案: Chart.js 集成 Chart.js 是一…

jquery 筛选器

jquery 筛选器

jQuery 筛选器 jQuery 筛选器用于从一组匹配的元素中进一步筛选出符合条件的子集。这些筛选器可以基于元素的位置、内容、属性或状态进行筛选。 基本筛选器 :first 选择第一个匹配的元素。…

jquery 插入html

jquery 插入html

jQuery 插入 HTML 的方法 jQuery 提供了多种方法来动态插入 HTML 内容到 DOM 中。以下是几种常用的方法: append() 将内容插入到选定元素的内部末尾。 $("#…

jquery 图片

jquery 图片

jQuery 图片操作 jQuery 提供了多种方法来操作图片,包括加载、显示、隐藏、调整尺寸等。以下是一些常见的图片操作方法: 动态加载图片 使用 attr() 方法可以动态修改图片的 src 属…