Question

我需要在jquery条件下进行多次检查......

我正在寻找类似的东西：

如果checkbox_A已选中，则

如果input_A为空，则为alert（'input_A为Required'）

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

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

可能的？

Answer 1

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

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

Answer 2


$(document).ready(function() {
  if($("#yourCheckBoxId").is(":checked")) {
     if($("#yourInputId").val() == "") {
          alert("empty");
     } 
     else {
        $("button[id='btn1']").addClass("continue");
     }
  }
});

Answer 3

也许

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" />

现在，当您要验证表格时

// find the required elements that are empty
var fail = $('.required').filter(function(){return this.value == ''});
// if any exist
if (fail.length){
  // get their names
  var fieldnames = fail.map(function(){return this.name;}).get().join('\n');
  // inform the user
  alert('The fields \n\n' + fieldnames + '\n\n are required');
  // focus on the first empty one so the user can fill it..
  fail.first().focus();
}

http://jsfiddle.net/gaby/523wR/

演示

Answer 4

是的，有可能：

$('#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');
}
});

带有空白输入的JQuery条件

4 个答案: