2014-01-18 71 views
0

我有這樣的HTML代碼, 3複選框,將所有複選框來控制1個& 2複選框 如果我點擊所有複選框,只能用信息[]名複選框改變。我需要的是,如果我更改全部複選框,則1 & 2複選框將切換選中。的Javascript切換複選框2類

All: <input type="checkbox" onchange="togglecheckboxesAll(this,'info[]')"> | 

1 <input type="checkbox" class="check" /> 
2 <input type="checkbox" name="info[]" class="check2"/> 

這裏是javascript代碼。

PS:

複選框1所述的選擇器是類= 「檢查」

複選框2所述的選擇器是名稱= 「信息[]」

function togglecheckboxesAll(master,group){ 
    var cbarray = document.getElementsByName(group); 
    var cbarray2 = document.getElementsByName('check'); 
    for(var i = 0; i < cbarray.length; i++){ 
     cbarray[i].checked = master.checked; 
    } 

    for(var a = 0; a < cbarray2.length; a++){ 
     cbarray2[a].checked = master.checked; 
    } 
} 

我很抱歉,我對JavaScript不太瞭解。

感謝

+0

對不起, 我得到了答案,我錯了,在* getElementsByName *和* * getElementsByClassName方法:-D – Aby

回答

0

使用類名的組

all <input type="checkbox" onChange="togglecheckboxesAll(this,'clickgroup')" /> 

1 <input type="checkbox" class="check clickGroup" /> 
2 <input type="checkbox" class="check2 clickGroup" /> 

function togglecheckboxesAll(master, group){ 
    var elems = document.getElementsByTagName('input'), i; 
    for (i in elems) { 
     if((' ' + elems[i].className + ' ').indexOf(' ' + matchClass + ' ') 
       > -1) { 
      elems[i].checked= master.checked; 
     } 
} 
+0

你能編輯代碼並在複選框後在第1行添加雙引號(「) – Aby

+0

@Aby Done!謝謝 – Snowburnt

+0

偉大的工作@Snowburnt :-D – Aby