需要一些指導與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); 
});