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

时间:2016-01-29 16:27:38

标签: javascript jquery html submit

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

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

这是一个小小的假设情况:

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

这是我的js:

05/20/2012
05/20/2012
5/29/2011
5/6/2015
5/1/10

此外,为方便起见,这里还有一个方面:https://jsfiddle.net/bcknhe36/1/

2 个答案:

答案 0 :(得分:1)

您只检查页面加载

您需要在用户选择

后在更改事件处理程序中进行检查
$(document).ready(function() {
  $('#select,#select2').on('change', function() {
    if ($('#select').val() && $('#select2').val()) {
      alert("aa");
      $('#formID').submit();
    }
  });
});

答案 1 :(得分:0)

您需要检查更改,而不是检查文档准备情况。因此,当更改下拉列表时,请检查两者是否都有值。

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

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

});