jquery 返回单选按钮组的第n个子项

sqserrrh 于 2024-01-07 发布在 jQuery

关注(0)|答案(2)|浏览(146)

我有三个单选按钮在一组，因此：

<div class="form-check ml-4">
  <input class="form-check-input" type="radio" name="1" id="1" value="First">
  <label class="form-check-label" for="1">First</label>
</div>
<div class="form-check ml-4">
  <input class="form-check-input" type="radio" name="1" id="2" value="Second">
  <label class="form-check-label" for="2">Second</label>
</div>
<div class="form-check ml-4">
  <input class="form-check-input" type="radio" name="1" id="3" value="Third">
  <label class="form-check-label" for="3">Third</label>
</div>

字符串
使用jQuery，我如何检索组中选中的单选按钮的第n个子编号？
我试过这个：

(($(find("input[type=radio]:checked")).attr('nth-child()')))

型

jquery

来源：https://stackoverflow.com/questions/77632352/return-nth-child-of-a-radio-button-group

2条答案

按热度按时间

vwkv1x7d1#

也许有点晚，但你没有解释获得第n个孩子的目的。我的猜测是，你想选择单选按钮的值。
对于单选按钮组的名称，您可以只要求form.n1.value，其中n1是名称。
请注意，id属性的值应该以字母（the id attribute）开头。

document.forms.form01.addEventListener('change', e => {
  let form = e.target.form;
  console.log(form.n1.value);
});

个字符

赞(0）回复(0）举报 2024-01-07

jq6vz3qz2#

您需要获取环绕单选按钮的div的位置，而不是按钮本身。
nth-child不是元素的属性。.index()方法将返回元素在其兄弟中的位置。

$(":radio:checked").closest("div.form-check").index()

字符串

赞(0）回复(0）举报 2024-01-07

我来回答

jquery 返回单选按钮组的第n个子项

2条答案

相关问题

热门标签

最新问答