javascript - 如何在 jquery 中查找空输入值

Question

我有两个复选框，一个复选框的值为 1，第二个为 0。一个复选框用于启用，另一个用于禁用。现在我想确定用户何时单击禁用复选框我将如何获得禁用复选框值，如果用户单击启用复选框我将如何获得启用复选框值

<input type="radio" name="forgot_pass" class="forgot_pass_enable" value="1" checked>

<input type="radio" name="forgot_pass" class="forgot_pass_disable" value="0">

我试过这段代码，但它对我没有任何帮助

$("body").on('change', '.forgot_pass_enable', function(event) 
{
  event.preventDefault();
  /* Act on the event */  

  if($('.forgot_pass_enable').val().length > 0) 
  {
    var status = 1;

    console.log(status);
  }

  if($('.forgot_pass_disable').val().length > 0)
  {
    var status  = 0;

    console.log(statusasdad);
  }
});

Answer 1

您显示的元素都不是复选框 - 它们是 radio 输入。

要获取所选值，请将相同的类应用到两个元素，然后将 change 事件挂接到该类。然后您可以简单地从中读取值，如下所示:

$("body").on('change', '.forgot_pass', function(e) {
  e.preventDefault();
  var status = this.value;
  console.log(this.value === '1' ? 'enabled' : 'disabled', status);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<input type="radio" name="forgot_pass" class="forgot_pass" value="1" checked="checked">

<input type="radio" name="forgot_pass" class="forgot_pass" value="0">

如果你确实想为此使用一个复选框，这更适用于启用/禁用开关，那么方法是相同的，除了你寻找 checked 属性:

$("body").on('change', '.forgot_pass', function(e) {
  e.preventDefault();
  var status = this.checked ? '1' : '0'
  console.log(status);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<input type="checkbox" name="forgot_pass" class="forgot_pass" value="1" checked="checked">