启用和禁用复选框未禁用按钮

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

问题是因为即使在禁用1st，2nd等按钮（不包括最后一个复选框）之后，您仍继续进行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;                      
     } 
    } 
}