Question

我将获得多个具有2个不同名称的动态复选框，一个是InProcess，另一个是Requested，如果用户选择名为InProcess的复选框，则当他选择包含所请求名称的复选框时，应该显示警报框，任何人都可以指导我该怎么做？

Answer 1

您可以这样做：

$(document).on("change", "input[name='Requested']", function() {
  if ($("input[name='InProcess']").prop("checked") == true && $(this).prop("checked") == true) {
    alert("InProcess is checked");
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" name="InProcess"/>
<input type="checkbox" name="Requested"/>

Answer 2

喜欢吗？我假设有多个集合，并且我也假设容器是静态的

$(".container").on("change", "[type=checkbox]", function() {
  if ($(this).is("[name=Requested]") &&
    $(this).siblings("[name=InProcess]").is(":checked")) {
    alert("In progress")
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <input type="checkbox" name="InProcess" />
  <input type="checkbox" name="Requested" />
</div>
<div class="container">
  <input type="checkbox" name="InProcess" />
  <input type="checkbox" name="Requested" />
</div>

具有不同名称的复选框验证

2 个答案: