javascript - 如果动态表没有行，则启用/禁用提交按钮

Question

我的表单包含几个字段和一个动态表(ID-分期付款，带有“添加新行”按钮。整个表单都有提交按钮。如果动态表没有行，我想禁用提交按钮。而且，如果那样的话表有一个内容(通过单击“添加新行”按钮)，然后提交按钮将再次处于事件状态。

我搜索了很多并找到了以下代码:

<script>$(document).ready(function(){
var rowCount = $('#installments tbody tr').length;
if(rowCount < 1){
    $('#submit').attr('disabled','disabled');
} else {
    $('#submit').removeAttr('disabled');
}
});</script>

提交按钮在页面加载时被禁用(因为动态表中没有找到记录)。我想在添加记录时激活提交按钮。

请帮忙。提前致谢。

Answer 1

是的，每次添加新行时都应该调用一个函数，如果您有删除按钮，则需要调用该函数来检查是否还有剩余行，如果没有，则禁用提交。

假设添加按钮的 id 是“addNewRow”，删除按钮的 id 是“deleteRow” - 那么代码可能如下所示:

 <script>$(document).ready(function(){

    $("#addNewRow").click(function(){ 
                 /* your code for adding the row*/
                 buttonEnabler(); 
                 });
    $("#deleteRow").click(function(){ 
                 /* your code for removing the row*/
                 buttonEnabler(); 
                 });

    function buttonEnabler(){
    var rowCount = $('#installments tbody tr').length;
    if(rowCount < 1){
               $('#submit').attr('disabled','disabled');
        } else {
               $('#submit').removeAttr('disabled');
               }
    }

    });
</script>