Jquery 将页面加载时的id设置为所有单选按钮

我有很多单选按钮组。我想将所有单选按钮id设置为父div的id+其自身值。因为单选按钮来自外部HTML，在某些情况下，我必须在一个页面中多次使用相同的按钮。下面是我的代码示例，当您选择一个单选按钮时，它的id和表单id设置正确。有没有办法让它在页面加载时自动运行，而不是基于选择

<div id="x1" class="section">
  <form id="" class="myFormClass">
    <input id="" class="myRadio" name="someName-1" value="one">one
    <input id="" class="myRadio" name="someName-1" value="two">two
  </form>
</div>
<div id="x2" class="section">
  <form id="" class="myFormClass">
    <input id="" class="myRadio" name="someName-2" value="three">three
    <input id="" class="myRadio" name="someName-2" value="four">four
  </form>
</div>

<script>
  $(document).on('change', "input:radio", function(){
    var parentId = $(this).closest(".section").attr("id");
    var radioValue = this.value;
    var radioName = this.name;
    $(this).parent("form").attr("id", parentId + radioName + "Form") 
    $(this).attr("id", parentId + "-" + radioValue);
  })
</script>

返回“一”。有没有办法把它们都弄到手

谢谢。

使用

$（document）.ready（）

（

$（function（）

）在加载页面时运行代码。 如果需要单选按钮，请将输入设置为

type='radio'

对于您的额外问题：您可以使用

$（'yourSelector'）.each（function（）{

选择多个元素。请参见示例中的

另请参见在示例中给出您所说的id（父div id+自身值）：

---

小提琴手：

非常感谢。我就是这么看的。

var iNeedYou = $("input:radio[name='someName-1']").val();

$(function() {
    $('input[type=radio]').each(function(){
        var parentId = $(this).closest(".section").attr("id");
        $(this).attr("id", parentId + $(this).val());        
    });
});