javascript - jquery 只选择第一组单选按钮

Question

我正在创建一个系统，用户可以在其中创建表单。所以我不知道单选按钮的名称。用户可以根据需要创建尽可能多的不同单选按钮。如果脚本启动，我想检查所有第一个单选按钮。然而，我制作的 jquery 只选择了第一个。有人有答案:

<div class="formElement">
Eieren<br>
<p class="white"><input type="radio" name="eieren" class="formEl">ja</p>
<p class="white"><input type="radio" name="eieren" class="formEl">nee</p>
<p class="white"><input type="radio" name="eieren" class="formEl">soms</p>
</div>

<div class="formElement">
Peren<br>
<p class="white"><input type="radio" name="peren" class="formEl">ja</p>
<p class="white"><input type="radio" name="peren" class="formEl">nee</p>
<p class="white"><input type="radio" name="peren" class="formEl">soms</p>
</div>

<script>
$(".formElement p:eq(0) :radio").attr("checked", "checked");
</script>

result

Answer 1

您可以使用 .find()获取每个项目的第一个 p 的方法(从 $(".formElement") 返回)并再次找到从上一个 find() 返回的每个元素的第一个 radio .您可以使用以下代码:

$(".formElement")
	.find("p:eq(0)")//returns first p element's that match selector
	.find(":radio")//returns first radio element's that match previous selector
	.prop("checked", true);//set check to true

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="formElement">
  Eieren
  <br>
  <p class="white">
    <input type="radio" name="eieren" class="formEl">ja</p>
  <p class="white">
    <input type="radio" name="eieren" class="formEl">nee</p>
  <p class="white">
    <input type="radio" name="eieren" class="formEl">soms</p>
</div>

<div class="formElement">
  Peren
  <br>
  <p class="white">
    <input type="radio" name="peren" class="formEl">ja</p>
  <p class="white">
    <input type="radio" name="peren" class="formEl">nee</p>
  <p class="white">
    <input type="radio" name="peren" class="formEl">soms</p>
</div>

引用资料:

:eq()