如何使用jQuery检查两个复选框何时都有非空值

How to check when two check boxes both have nonempty values with jQuery

本文关键字：何时 复选框 空值 两个 jQuery 何使用 检查      更新时间：2023-09-26

所以我试图做到这一点，以便当用户单击其中一个选项时，没有任何反应，但是当他们单击另一个选择器上的选项（其值不为空）时，页面将立即提交。我知道我可以使用提交按钮，但我真的很不喜欢这些。

有谁知道如何解决这个问题？

这是一个小的假设情况：

 <script     src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<select name="select" id="select">
    <option value=''>--- Select ---</option>";
    <option value=1>a</option>";
    <option value=2>b</option>";
    <option value=3>c</option>";
</select>
<select name="select2" id="select2">
    <option value=''>--- Select ---</option>";
    <option value=1>a</option>";
    <option value=2>b</option>";
    <option value=3>c</option>";
</select>

这是我的js：

$(document).ready(function () {
   if( $('#select').val() && $('#select2').val()) { 
    alert("aa");
    submit();
   }
});

另外，为了方便起见，这里有一个jfiddle：https://jsfiddle.net/bcknhe36/1/

您只检查页面加载

您需要在用户选择后在更改事件处理程序中进行检查

$(document).ready(function() {
  $('#select,#select2').on('change', function() {
    if ($('#select').val() && $('#select2').val()) {
      alert("aa");
      $('#formID').submit();
    }
  });
});
与其

检查文档准备就绪，不如检查更改。因此，当下拉列表更改时，请检查两者是否有值。

更新的小提琴：https://jsfiddle.net/bcknhe36/4/

$(document).ready(function() {
 $( "#select,#select2" ).change(function() {
  if ($('#select').val() && $('#select2').val()) {
    alert("aa");
    submit();
  }
});
});
相关文章：