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);
});

需要一些javascript函数的指南

2 个答案: