Question

我正在尝试通过JQUERY选择单选按钮，但我无法这样做。我尝试使用这些，但无法正常工作。

$("#agencyBill").prop("checked", true);
$radios.filter('[value=Agency Bill]').prop('checked', true);
$("[name=customRadio]").filter("[value='Agency Bill]']").attr("checked","checked");

here is fiddle link of the same

我需要通过任何人都可以通过其值或ID选择它。

Answer 1

尝试一下：您可以将名称和值属性选择器都放在一个中，并使用prop而不是attr来设置单选检查

$(function() {
  $("[name=customRadio][value='Agency Bill']").prop("checked", true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="custom-control custom-control-inline custom-radio">
  <input type="radio" name="customRadio" class="custom-control-input" id="dirBill" value="Direct Bill" checked>
  <label class="custom-control-label" for="dirBill">Direct Bill</label>
</div>
<div class="custom-control custom-control-inline custom-radio">
  <input type="radio" name="customRadio" class="custom-control-input" value="Agency Bill" id="agencyBill">
  <label class="custom-control-label" for="agencyBill">Agency Bill</label>
</div>

<div id="test">

</div>

Answer 2

$("#agencyBill").prop("checked", true);
$radios.filter('[value="Agency Bill"]').prop('checked', true);
$('[name="customRadio"]').filter('[value="Agency Bill]"]').attr("checked","checked");

为选择器使用正确的引号“”可以解决问题。

在您的jsfiddle中，包括JQuery CDN以使其起作用。 https://jsfiddle.net/974duyzb/25/

Answer 3

因为它的值中包含空格字符，并且值未用引号引起来，所以它无法满足您的预期。因此，必须将值用引号引起来：

$radios.filter('[value="Agency Bill"]').prop('checked', true);
//$("[name=customRadio]").filter("[value='Agency Bill']").attr("checked","checked");

，而不是attr()使用.prop()将其标记为选中。

Answer 4

您的源实际上可以正常工作，您错过的是Jquery库：使用此方法可以：

$("#agencyBill").prop("checked", true);

但需要首先添加Jquery库：

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

通过jquery选择单选按钮（按值或ID）

4 个答案: