啓用和禁用複選框未禁用按鈕

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;                      
     } 
    } 
}