在JavaScript中循环重置圆形按钮

Question

我有几组用html定义的圆形按钮，在脚本中将其重置如下：

$('input[name=innovationGrade1]').attr('checked',false);
$('input[name=innovationGrade2]').attr('checked',false);
$('input[name=innovationGrade3]').attr('checked',false);
$('input[name=innovationGrade4]').attr('checked',false);

这可以完美地工作，但看起来并不整洁，因此我尝试将其放入循环中，如下所示：

for (j = 1; j < 5; j++) {
  innovationGradeNumber="innovationGrade"+j;
  $('input[name=" + innovationGradeNumber +"]').attr('checked',false);
}

但是，该循环对我不起作用，并且不会引发任何错误。 你有什么建议吗？

Answer 1

替换$('input[name=" + innovationGradeNumber +"]').attr('checked',false); 与$('input[name="' + innovationGradeNumber +'"]').attr('checked',false);

您正在使用string而不是变量值

Answer 2

由于您使用的是jQuery，因此可以使用通配符选择：

$('input[name^="innovationGrade"]').attr('checked',false);

这将选择所有以'innovationGrade'开头的输入元素。