使用JavaScript在JSP中實現全選復選框

Question

大家好，我正在嘗試實施全選復選框。 因此，選中該復選框后，所有其他復選框都將被選中。 我已使用此URL尋求幫助如何在HTML中實現“全選”復選框？

我有一個Java類，它將在調用jsp時根據某些因素構建一個數據網格。

到目前為止，我已經編寫了這段代碼

JavaScript代碼

function toggle(source) {
  checkboxes = document.getElementsByName('chk');
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = source.checked;
  }
}

我的全選復選框

<th><b><dmf:checkbox name="ABoxes" onclick = 'toggle(this)' id="allABoxes" runatclient="true"/></b></th>

創建數據網格時將創建的復選框。

 <td><dmf:checkbox name='chk' datafield='parent_id'/>

當前，當我選中“全部選中”復選框時，什么也沒有發生。 如果將dmf：button更改為輸入type =“ checkbox”，我已經使Java腳本正常工作，但是隨后它使我的其他一些代碼崩潰，因此我必須將其保留在dmf：button。

非常感謝大家的幫助。 如果我寫的某些內容沒有意義，請告訴我，我將嘗試澄清所有問題。

Answer 1

因此，由於您的所有提示，我已經能夠使它工作。 我發現復選框名稱實際上不是'chk'，而是'RecycleBin_chk_x'，如果可以幫助遇到相同問題的其他人，則我的最終函數看起來像這樣。

function toggle(source) {
var $eles = $(":input[name^='RecycleBin_chk_']").css("font-color","yellow");
checkboxes =  $eles.get();
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = source.checked;
  }
}

再次感謝你們所有人的評論！ :)