在类中输入radio add name

Input radio add name in the class

本文关键字：add name radio 输入      更新时间：2023-09-26
<div typ="elementRadio" class="element elementRadio">
<input type="radio">
<input type="radio">
<input type="radio">
</div>
<div typ="elementRadio" class="element elementRadio">
<input type="radio">
<input type="radio">
<input type="radio">
</div>
.................
<div typ="elementRadio" class="element elementRadio">
<input type="radio">
<input type="radio">
<input type="radio">
</div>

他们需要添加一个随机名称Input。因此，无线电输入在每个类中都有不同的名称。

我的代码
   $('.elementRadio input:radio').each(function () {
       $( "input:radio" ).attr( "name", "name1" );
       alert($( "input:radio" ).attr( "name"));
    });

所有名称

您应该遍历.elementRadio，然后为input:radio添加名称。

可以使用index计算唯一名称

$('.elementRadio').each(function(i) {
  $(this).find('input:radio').attr("name", "name"+ (i+1));
  console.log($(this).find('input:radio').attr("name"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div typ="elementRadio" class="element elementRadio">
  <input type="radio">
  <input type="radio">
  <input type="radio">
</div>
<div typ="elementRadio" class="element elementRadio">
  <input type="radio">
  <input type="radio">
  <input type="radio">
</div>
.................
<div typ="elementRadio" class="element elementRadio">
  <input type="radio">
  <input type="radio">
  <input type="radio">
</div>

看看这个。我已经为每个无线电组做了第一次迭代，然后将每个无线电输入都设置为相同的组名。我还将name设置为数组格式，这样你就可以在数组中获取数据。希望这对你有用

$('.elementRadio').each(function (i) {
        var name = "name["+(i+1)+"]";
        $(this).find("input:radio").attr( "name", name );
            console.log(name );
        
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div typ="elementRadio" class="element elementRadio">
    <input type="radio">
    <input type="radio">
    <input type="radio">
</div>
<div typ="elementRadio" class="element elementRadio">
    <input type="radio">
    <input type="radio">
    <input type="radio">
</div>
.................
<div typ="elementRadio" class="element elementRadio">
    <input type="radio">
    <input type="radio">
    <input type="radio">
</div>

您可以遍历所有.element.elementRadio元素，并使用jQuery.each()的index

还检查你必须纠正div

中的typ="elementRadio"代码:

$('.element.elementRadio').each(function (index) {
  $(this).find('input:radio').attr('name', 'name_' + index);
  // Console log: names
  console.log($(this).find('input:radio').attr('name'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="element elementRadio">
  <input type="radio">
  <input type="radio">
  <input type="radio">
</div>
<div class="element elementRadio">
  <input type="radio">
  <input type="radio">
  <input type="radio">
</div>
<div class="element elementRadio">
  <input type="radio">
  <input type="radio">
  <input type="radio">
</div>

试试每个无线电输入的随机name 

var count =1;
   $('.elementRadio input:radio').each(function (a) {
       if(a== 3)
         {   count=2; }
     else if(a == 6){count=3}
     $(this).attr( "name", "name"+count );
      console.log($(this).attr( "name"));
   
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div typ="elementRadio" class="element elementRadio">
<input type="radio">
<input type="radio">
<input type="radio">
</div>
<div typ="elementRadio" class="element elementRadio">
<input type="radio">
<input type="radio">
<input type="radio">
</div>
.................
<div typ="elementRadio" class="element elementRadio">
<input type="radio">
<input type="radio">
<input type="radio">
</div>

相关文章：