需要一些指导与JavaScript函数

Question

在我目前的代码，它将禁用所有textboxes与class(number)如果全部是empty ....我想要做的是甚至其他文本框与类（数字）是空的，但其他人都没有空它将删除提交按钮中的禁用属性...并且如果所有文本框都再次为空，则禁用属性将再次激活。

问题是它只会删除提交按钮中的禁用属性，如果所有带有类（数字）的文本框都不是空的......我希望它删除禁用属性，甚至一些文本框是空的。

的html代码：

<input type="text" name="name1" id="name1" class="number" value="" readonly /> 
<input type="text" name="name2" id="name2" class="number" value="3" readonly /> 
<input type="text" name="name3" id="name3" class="number" value="3" readonly /> 
<input type="submit" name="send" id="send" disabled /> 

脚本代码：

<script type="text/javascript"> 
$(function() { 
    $('.number').on('input', function() { 
     $('#send').prop("disabled", !$.trim(this.value)); 
    }); 

    $('#send').prop("disabled", !$.trim($('.number').val())); 
}); 
</script> 

Answer 1

替换$('#send').prop("disabled", !$.trim($('.number').val()));有：

$('.number').each(function() { 
    if ($.trim(this.value).length) { 
     $('#send').prop('disabled', false); 
     return; 
    } 
}); 

JSFiddle demo。

Answer 2

试试这个

$(function() { 
    var numberBox=$('.number'), 
     button=$('#send'), 
     checkEmpty=function(){ 
      return numberBox.filter(function(){ 
       return this.value==""; 
      }).length!=0; 
     }; 
    numberBox.on('input', function() { 
     button.prop("disabled", checkEmpty); 
    }); 

    button.prop("disabled", checkEmpty); 
});