启用和禁用复选框不会禁用按钮

Question

下面是我的代码：

根据我的功能，当我选中我的复选框时，必须禁用按钮，当我取消选中复选框时，必须启用复选框。

function assignDefect() {          
    var new_tc_arry = new Array();     
    var checkbox = document.getElementsByName('radSize1');    
    for(var i=0;i<checkbox.length;i++){   
        if(!checkbox[i].disabled && checkbox[i].checked){  
            var checkedbox = checkbox[i].value;            
            new_tc_arry.push(checkbox[i].value);    
            for(var i=0;i<new_tc_arry.length;i++){    
                console.log("new_tc_arry["+i+"] -->"+new_tc_arry[i]);    
                document.getElementById("OrphanbuttonId").disabled =true;   
            }    
        }    
        else {    
        document.getElementById("OrphanbuttonId").disabled=false;                                                                                      
        }   
}      

The above code is disabling my button when i check my last checkbox.
Its not working for 1st ,2nd..etc checkboxes.**

Answer 1

问题在于，即使您禁用了第一个、第二个等按钮（不包括最后一个复选框），您仍会继续执行 for 循环。基本上，如果您的最后一个复选框未选中，则该按钮将始终重新启用。尝试在你的 for 循环中添加一个 break 语句：

function assignDefect() {          
    var new_tc_arry = new Array();     
    var checkbox = document.getElementsByName('radSize1');    
    for(var i=0;i<checkbox.length;i++){   
        if(!checkbox[i].disabled && checkbox[i].checked){  
            var checkedbox = checkbox[i].value;            
            new_tc_arry.push(checkbox[i].value);    
            for(var i=0;i<new_tc_arry.length;i++){    
                console.log("new_tc_arry["+i+"] -->"+new_tc_arry[i]);    
                document.getElementById("OrphanbuttonId").disabled =true;   
            }
            break; //<---------------------------------------CHANGE HERE    
        }    
        else {    
        document.getElementById("OrphanbuttonId").disabled=false;                                                                                      
        }   
    }
}