使用javascript在JSP中实现select all复选框

时间:2014-08-05 21:13:40

标签: javascript jsp

大家好我正在尝试实施全选复选框。因此,当检查时,将检查所有其他复选框。我已经使用这个网址寻求帮助 How to implement "select all" check box in 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'/>

目前,当我选中check all复选框时,没有任何反应。 如果我将dmf:按钮更改为输入type =&#34;复选框&#34;我已经让java脚本工作了。 但后来它崩溃了我的其他一些代码所以我必须把它们留在dmf:button。

感谢大家的任何帮助,非常感谢。如果我写的一些内容没有意义,请告诉我,我会尝试澄清任何问题。

1 个答案:

答案 0 :(得分:0)

所以,由于你的所有提示,我已经能够让它工作。我发现这些复选框的名字实际上并不是真的&#39; chk&#39;而是“RecycleBin_chk_x”#39;我的最终功能看起来像这样,如果它能帮助其他人面对同样的问题。

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

再次感谢所有人的评论! :)