Jquery 随时监视多个值

Jquery 随时监视多个值,jquery,Jquery,我有一张1到100行的桌子。每行有两个输入字段 1).type 2)[id*=name] 在表格的末尾有一个id为#send的按钮。 如果.type的值为A、B或C,且[id*=name]的值为空,则应禁用按钮,否则应启用按钮。在任何时候,都应该由row对整个表进行监控 e、 g.99行的值为A、B或C,[id*=name]的值不为空,但有1行的值为A、B或C,[id*=name]的值为空=>应禁用该按钮。该按钮应能工作: <script type="text/javascript" sr

我有一张1到100行的桌子。每行有两个输入字段

1)
.type
2)
[id*=name]

在表格的末尾有一个id为
#send
的按钮。 如果
.type
的值为A、B或C,且
[id*=name]
的值为空,则应禁用按钮,否则应启用按钮。在任何时候,都应该由row对整个表进行监控

e、 g.99行的值为A、B或C,
[id*=name]
的值不为空,但有1行的值为A、B或C,
[id*=name]
的值为空=>应禁用该按钮。

该按钮应能工作:

<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.0.min.js"></script>

<div><input value="" type="text" class="type"><input value="" type="text" id="name_1"></div>
<div><input value="" type="text" class="type"><input value="" type="text" id="name_2"></div>
<div><input value="" type="text" class="type"><input value="" type="text" id="name_3"></div>
<div><input value="" type="text" class="type"><input value="" type="text" id="name_4"></div>
<div><input value="" type="text" class="type"><input value="" type="text" id="name_5"></div>
<div><input type="submit" value="submit" class="submit"></div>

<script>
$('.submit').attr('disabled','disabled');
$(document).on('change',$('.type'),function(e){
    if( $('input:text').filter(function() { return this.value == ""; }).length == 0 ) {
        $('.submit').removeAttr('disabled');
    } else {
        $('.submit').attr('disabled','disabled');
    }
})
</script>

$('.submit').attr('disabled','disabled');
$(文档).on('change',$('.type'),函数(e){
if($('input:text').filter(函数(){返回this.value==“”;}).length==0){
$('.submit').removeAttr('disabled');
}否则{
$('.submit').attr('disabled','disabled');
}
})

这是我的工作解决方案

$( ".type, [id*=name]" ).change(function() {

    var obj = {};

    $('tbody tr').each(function (i) {
        obj[i] = { type: $(this).find(".type").val(), name: $(this).find("[id*=name]").val() };
    }); 

    $.each(obj, function (index, value) {           
        if (( value['type'] == "A" || value['type'] == "B" || value['type'] == "C" ) && value['name'] == "") {
            $('#send').prop('disabled', true);
            return;
        } 
    });
});

请发布与您的问题相关的JavaScript/jQuery、CSS和HTML。使用以下任何或所有服务创建演示:、、或片段(位于文本编辑器工具栏上的第7个图标或CTRL+M)。请确保您的问题可以理解。感谢您的宝贵意见!我找到了一个有效的解决方案。谢谢@Alain Nisam的支持-我找到了一个有效的解决方案-请看我的答案。没问题,迈克。如果我可以的话,您的解决方案可能会起作用,但是您正在进行大量的循环,而您根本不需要进行任何操作,因为循环效率非常低