【前端-raido-设置选中未生效】

最新推荐文章于 2022-08-28 00:28:40 发布

原创最新推荐文章于 2022-08-28 00:28:40 发布 · 286 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个常见问题：使用jQuery设置HTML中的Radio按钮为选中状态时遇到的问题及解决方案。通过对比attr与prop方法的区别，解释了为何attr设置checked属性无法使按钮实际处于选中状态，并给出正确的解决方法。

html代码

<div class="col-xs-3">
	<label class="radio-inline">
		<input type="radio" name="isEnable" id="isEnable_true" value="true" > 正常
	</label>
	<label class="radio-inline">
		<input type="radio" name="isEnable" id="isEnable_false" value="false"> 禁用
	</label>
</div>

js代码

$("#isEnable_false").attr("checked",true);或 $("#isEnable_false").attr("checked","checked");

设置不生效，html中会添加checked="checked"，但仍是未选中状态

解决方法：将attr 改为 prop