用javascript在JSP中实现一个全选复选框

Implement a select all checkbox in JSP with javascript

本文关键字：一个 全选 复选框 javascript JSP 实现      更新时间：2023-09-26

大家好，我正试图实现一个选择所有复选框。因此，当它被选中时，所有其他复选框将被选中。我用这个网址寻求帮助如何实现"全选"复选框?

我有一个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'/>

目前，当我选中选中所有复选框什么都没有发生。我已经得到了java脚本的工作，如果我改变dmf:按钮输入类型="复选框"但是它会使我的其他代码崩溃，所以我必须把它们留在dmf:button。

谢谢大家的帮助，非常感谢。如果我所写的有什么不明白的，请告诉我，我会尽力澄清任何问题。

所以我已经能够得到它的工作感谢你所有的提示。我发现复选框名称实际上不是'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;
  }
}

再次感谢大家的评论!:)

相关文章：