jsp页面点击全选
以下是一个实现jsp页面点击全选的示例代码:
1.在jsp页面中设置一个全选复选框和一组待选择的复选框:
<input type="checkbox" id="selectAll" onclick="selectAllCheckBoxes()"> 全选
<input type="checkbox" name="checkBoxGroup" value="1"> 选项1
<input type="checkbox" name="checkBoxGroup" value="2"> 选项2
<input type="checkbox" name="checkBoxGroup" value="3"> 选项3
2.在JavaScript中编写一个函数,将全选复选框选中时,将所有待选择的复选框也选中;取消全选复选框时,将所有待选择的复选框也取消选中:
function selectAllCheckBoxes() {
var selectAll = document.getElementById("selectAll");
var checkBoxes = document.getElementsByName("checkBoxGroup");
for (var i = 0; i < checkBoxes.length; i++) {
checkBoxes[i].checked = selectAll.checked;
}
}
3.在jsp页面中引入JavaScript文件:
<script type="text/javascript" src="js/selectAllCheckBoxes.js"></script>
4.运行jsp页面,可以看到全选复选框和一组待选择的复选框。当全选复选框选中时,所有待选择的复选框也被选中;当全选复选框取消选中时,所有待选择的复选框也被取消选中。
原文地址: https://www.cveoy.top/t/topic/bnsU 著作权归作者所有。请勿转载和采集!