JQuery 查找带变量的选中单选按钮

Question

我定义了一个变量“thisRadio”，它是一个包含许多单选按钮的div（动态创建，没有#id）。其中一台收音机（可能）已经过检查。我想在此 div 中找到选中的单选按钮并将其设置为 false.. 不幸的是，我的代码不起作用

请告诉我如何使用变量而不是 class 名称或 ID 调用单选按钮（我猜问题出在第 2 行，控制台没有错误）。也许一个问题是我运行手动单击单选按钮时自动输入代码，将其设置为 false 时会产生问题，但目前我什至没有输入第 3 行：

var thisRadio = $(this).parent();
$("thisRadio input[type=radio]:checked").each(function() {
  $(this).prop('checked', false);
});

Answer 1

您在选择器中直接使用了变量名。正确的方法是使用 find 方法在其中获取选中的单选按钮。因为一次只有一个选中的输入，所以您不需要 .each 函数。这是一个例子：

var thisRadio = $('#radios').parent();
thisRadio.find("input[type=radio]:checked").prop('checked', false);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="radios">
<input type="radio" id="male" name="gender" value="male" checked>
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>
<input type="radio" id="other" name="gender" value="other">
<label for="other">Other</label>
</div>

JQuery 查找带变量的选中单选按钮

JQuery find checked radio buttons with variable

html

jquery

radio-button