时间戳

首页 > 解决方案 > 按类检查单选按钮

jquery - 按类检查单选按钮

问题描述

$(".test").each(function(i) {
  this.checked = true;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" value="1" name="radio" class="test" id="tr1" />
<input type="radio" value="1" name="radio" class="radio" id="tr2" />


<input type="radio" value="1" name="radio" class="radio2" id="tr3" />
<input type="radio" value="1" name="radio" class="test" id="tr4" />
<button class="button">Click</button>

我有两组单选按钮，我希望默认勾选“测试”类。

我将如何使用单选按钮执行此操作，因为我们现在只能勾选一个单选按钮

标签： jqueryradio-buttonradiochecked

解决方案

根据定义，单选按钮是一组与开箱即用行为<input>共享相同的元素，当其中一个被选中时，它们为由它们的公共定义的包含命名空间提供所选的值，并自动取消选择任何其他的具有相同的单选按钮。name<form>namename

它是专门为这个用例设计的（允许用户从多个选项中选择一个）。

如果您的方案需要使用户能够选择多个，或者

  • 使用不同的name属性，
  • 使用<input type="checkbox">_
  • 使用<select>元素multiple="true"

总结一下：无论你做什么，没有一个像样的浏览器会允许你在同一个元素中选择多个<input type="radio">相同的元素。用任何方法。而且，即使理论上可行，尝试获取该命名空间的值也会失败。name<form>

单选按钮就像高地人：“只能有一个”。

推荐阅读