Javascript 输入为空的JQuery条件

我需要在jquery条件中执行多个检查

我在找这样的东西：

如果选中复选框A，则

如果输入A为空，则发出警报（“需要输入A”）

否则在下面的div中添加class=“continue”

<button id="btn1">Continue</button>

继续

---

可能吗？

我通常不会这样做，因为您甚至没有尝试自己编写任何代码，但我心情很好

if ($("#checkboxA").is(":checked")) {
    if ($("#inputA").val() == "") {
        alert("input_A is required");
    }
    else {
        $("#btn1").addClass("continue");
    }
}

---

我通常不会这样做，因为您甚至没有尝试自己编写任何代码，但我心情很好

if ($("#checkboxA").is(":checked")) {
    if ($("#inputA").val() == "") {
        alert("input_A is required");
    }
    else {
        $("#btn1").addClass("continue");
    }
}

也许吧

---

但是，如果您有多个要验证的元素，您可以避免手动检查每个字段，并通过向所需元素添加

required

类来实现自动化

<input type="text" name="...." class="required" />

可能在

进行演示

if ( document.getElementById('checkbox_A').checked ){
  if (document.getElementById('input_A').value == ''){
    alert('input_A is Required')
  } else {
    $('#btn1').addClass('continue;);
  }
}

---

但是，如果您有多个要验证的元素，您可以避免手动检查每个字段，并通过向所需元素添加

required

类来实现自动化

<input type="text" name="...." class="required" />

演示在

是的，有可能：

$('#checkBoxA').click(function() {
var checkBoxA = $('#checkBoxA');
var textBoxA = $('#textBoxA');

if (checkBoxA.checked())
{
    if (textBoxA.val() == "")
    {
        $('#btn1').removeClass('continue');
        alert("No value entered");
        textBoxA.focus();
    }
    else {
        $('#btn1').addClass('continue');
    }
} else {
    $('#btn1').addClass('continue');
}
});

是的，有可能：

$('#checkBoxA').click(function() {
var checkBoxA = $('#checkBoxA');
var textBoxA = $('#textBoxA');

if (checkBoxA.checked())
{
    if (textBoxA.val() == "")
    {
        $('#btn1').removeClass('continue');
        alert("No value entered");
        textBoxA.focus();
    }
    else {
        $('#btn1').addClass('continue');
    }
} else {
    $('#btn1').addClass('continue');
}
});