javascript - 如果使用 JavaScript 或 jQuery 检查了相同 ID 的任何复选框，如何启用按钮

Question

我有多组复选框，每组有 5 个复选框。每组复选框都有相同的 ID。

并且每个集合都有一个禁用的提交按钮。

我正在搜索一个 JavaScript 或 jQuery 代码，如果选中特定集合的任何复选框，它们将启用该集合的按钮。

如果有人可以帮助我，请帮助我。

例如:

<input type="checkbox" id="abc" name="name[]" value="1">
<input type="checkbox" id="abc" name="name[]" value="2">
<input type="checkbox" id="abc" name="name[]" value="3">
<input type="checkbox" id="abc" name="name[]" value="4">
<input type="checkbox" id="abc" name="name[]" value="5">

<input type="submit" name="sub_abc" value="Submit" disabled>

<input type="checkbox" id="efg" name="name[]" value="1">
<input type="checkbox" id="efg" name="name[]" value="2">
<input type="checkbox" id="efg" name="name[]" value="3">
<input type="checkbox" id="efg" name="name[]" value="4">
<input type="checkbox" id="efg" name="name[]" value="5">

<input type="submit" name="sub_efg" value="Submit" disabled>

Answer 1

给你一个解决方案

$('input[type="checkbox"]').click(function(){
  var getClass = $(this).attr('class');
  var flag = 0;
  $('input[class="' + getClass + '"]').each(function(){
    if($(this).is(':checked'))
      flag = 1;
  });
  
  if(flag) {
    $('input[name="sub_' + getClass + '"]').removeAttr('disabled');
  } else {
    $('input[name="sub_' + getClass + '"]').attr('disabled', true);
  }
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="abc" name="name[]" value="1">
<input type="checkbox" class="abc" name="name[]" value="2">
<input type="checkbox" class="abc" name="name[]" value="3">
<input type="checkbox" class="abc" name="name[]" value="4">
<input type="checkbox" class="abc" name="name[]" value="5">

<input type="submit" name="sub_abc" value="Submit" disabled>

<input type="checkbox" class="efg" name="name[]" value="1">
<input type="checkbox" class="efg" name="name[]" value="2">
<input type="checkbox" class="efg" name="name[]" value="3">
<input type="checkbox" class="efg" name="name[]" value="4">
<input type="checkbox" class="efg" name="name[]" value="5">

<input type="submit" name="sub_efg" value="Submit" disabled>

你不能有相同的 id，所以我使用 class 而不是 id。

希望对您有所帮助。