Jquery 具有多个数组名称属性的Html输入无线电验证失败

我有下面的单选按钮

<div class="col-md-12 clearfix multi-wrap">
  <div class="radio-inline"><label for="">Academics</label></div>
  <div class="radio-inline">
    <label class="radio-label" style="background: rgb(221, 221, 221);">1
      <input type="radio" name="criteria_order[academics][]" value="1" required="" aria-required="true" class="text-danger">
    </label>
  </div>
  <div class="radio-inline">
    <label class="radio-label" style="background: rgb(221, 221, 221);">2
      <input type="radio" name="criteria_order[academics][]" value="2" required="" aria-required="true" class="text-danger">
    </label>
  </div>
  <div class="radio-inline">
    <label class="radio-label" style="background: rgb(221, 221, 221);">3
      <input type="radio" name="criteria_order[academics][]" value="3" required="" aria-required="true" class="text-danger">
    </label>
  </div>
  <div class="radio-inline">
    <label class="radio-label" style="background: rgb(221, 221, 221);">4
      <input type="radio" name="criteria_order[academics][]" value="4" required="" aria-required="true" class="text-danger">
    </label>
  </div>
  <div class="radio-inline">
    <label class="radio-label" style="background: rgb(221, 221, 221);">5
      <input type="radio" name="criteria_order[academics][]" value="5" required="" aria-required="true" class="text-danger">
    </label>
  </div>
  <div class="radio-inline">
    <label class="radio-label" style="background: rgb(221, 221, 221);">6
      <input type="radio" name="criteria_order[academics][]" value="6" required="" aria-required="true" class="text-danger">
    </label>
  </div>
  <div class="radio-inline">
    <label class="radio-label" style="background: rgb(221, 221, 221);">7
      <input type="radio" name="criteria_order[academics][]" value="7" required="" aria-required="true" class="text-danger">
    </label>
  </div>
</div>

JQuery之后的HTML如下所示：

 <input type="radio" name="criteria_order[academics][]" value="2" required="" aria-required="true" class="text-danger" checked="checked" aria-invalid="true">

JQuery验证未进行验证。它仍然显示字段是必需的

---

注意：我注意到选中的属性正在出现，但当我查看它时，它实际上在页面上不可见。

尝试在

之后添加
.change（）
函数。
尝试在
之后添加
.change（）
函数。
你能发布你的jQuery代码吗？编辑了我的问题。请立即检查您的验证代码在哪里为什么要设置输入
。从JS检查
？这不是通过标准标签/输入元素单击行为自动发生的吗？话虽如此，如果出于某种原因确实需要从JS进行设置，请使用
.prop（）
，而不是
.attr（）
，您希望更新当前属性值，而不是属性。我隐藏单选按钮是为了用户体验。如果你看到我的jquery，你就会明白。单击无线电标签，我正在通过JQuery检查无线电。您能发布JQuery代码吗？编辑了我的问题。请立即检查您的验证代码在哪里为什么要设置输入
。从JS检查
？这不是通过标准标签/输入元素单击行为自动发生的吗？话虽如此，如果出于某种原因确实需要从JS进行设置，请使用
.prop（）
，而不是
.attr（）
，您希望更新当前属性值，而不是属性。我隐藏单选按钮是为了用户体验。如果你看到我的jquery，你就会明白。单击无线电标签时，我正在通过JQuery检查无线电。
 <input type="radio" name="criteria_order[academics][]" value="2" required="" aria-required="true" class="text-danger" checked="checked" aria-invalid="true">