Jquery 随时监视多个值
我有一张1到100行的桌子。每行有两个输入字段 1)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
.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的支持-我找到了一个有效的解决方案-请看我的答案。没问题,迈克。如果我可以的话,您的解决方案可能会起作用,但是您正在进行大量的循环,而您根本不需要进行任何操作,因为循环效率非常低