如何jsp页面checkbox实现全选 -jscode
用javascript吧。
<html>
<body>
<script>
function kk(){
var handleEl = document.getElementById("kkHandler");
var els = document.getElementsByName("kk");
for(i=0;i<els.length;i++){
els[i].checked = handleEl.checked;
}
}
</script>
<input type=checkbox onclick="kk()" name="kkHandler">全选<br>
<input type=checkbox name="kk">
<input type=checkbox name="kk">
</body>
</html>
2:
<form name="form" ID="Form1">
<input type="checkbox" name="id" value="" ID="Checkbox1">1
<input type="checkbox" name="id" value="" ID="Checkbox2">2
<input type="checkbox" name="chose" value="" onclick="selectAll()" ID="Checkbox5">allselect
</form>
<script>
function selectAll()
{
if(!document.form.id.length){
if(document.form.chose.checked){
document.form.id.checked=true;
}
else{
document.form.id.checked=false;
}
}
else{
for(var i=0;i<document.form.id.length;i++){
if(document.form.chose.checked){
document.form.id[i].checked=true;
}
else{
document.form.id[i].checked=false;
}
}
}
}
</script>
3:
1<input type='checkbox' name='info' value='a'>
2<input type='checkbox' name='info' value='b'>
3<input type='checkbox' name='info' value='c'>
4<input type='checkbox' name='info' value='d'>
5<input type='checkbox' name='info' value='e'><br>
<input type='button' value =' 全选 'onclick='check_all();'>
<script>
function check_all(){
arr = document.getElementsByName('info');
for(i=0;i<arr.length;i++){
arr[i].checked = true;
}
}
</script>
===========================================
用jsp如何获得本页面的文件名 -javacode
request.getRequestURI();
public String IdexOfString(String str,String str1)
{
if(str.lastIndexOf(str1)!=-1)
{
int i=str.lastIndexOf(str1);
str=str.substring(i+1);
}
return str;
}
分享到:
相关推荐
以上就是使用Struts 2 的`s:iterator`标签和`s:checkbox`实现全选、反选操作的基本流程。在实际应用中,可能还需要考虑其他因素,如错误处理、验证和用户体验优化。通过结合源码分析和工具辅助,我们可以更好地理解...
本文主要探讨了如何利用JavaScript结合Java Server Pages(JSP)技术实现网页上的复选框(checkBox)全选功能。在Web开发中,复选框通常用于提交用户的选择,而全选功能则是指用户可以一次性选择或取消选择所有复选...
在网页开发中,"js实现全选删除+jsp"是一个常见的功能需求,它涉及到JavaScript(js)和JavaServer Pages(jsp)的交互,主要用于提高用户体验,让用户能够方便地选择并删除多个项目。以下是对这个主题的详细解释: ...
例如,可以在JSP页面中添加一段JavaScript代码实现全选或全不选的功能: ```html function selectAll() { if (!document.form.open.length) { document.form.open.checked = !document.form.open.checked; } ...
### JavaScript 实现复选框全选/取消功能 在网页开发中,经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能,并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...
这个“模拟select带checkbox全选反选取消插件”是一个专门为了解决这个问题而设计的工具。它允许用户通过复选框(checkbox)进行多选操作,并提供了全选、反选和取消选择的功能,极大地方便了用户交互。 首先,让...
通过对上述代码的分析,我们可以看到如何在JSP页面中使用`<input>`标签来实现复选框的操作,包括全选、取消全选以及如何处理选中的复选框值。此外,还涉及到了如何确保用户的选择与实际操作对象的一致性。这些技巧...
本教程将重点讲解如何使用jQuery实现复选框的全选、反选以及获取选中值的功能。 首先,我们需要理解jQuery的基本用法。jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理和Ajax交互等任务。引入jQuery...
在JavaServer Pages (JSP) 开发中,常常需要实现用户界面中的批量选择功能,比如在列表中通过复选框来选中多个项目。本文将详细介绍如何在JSP中实现这样的功能,主要涉及HTML、JavaScript 和后端Java的交互。 首先...
当树形组件结合复选框时,可以实现用户对节点的选择操作,如全选、反选、子选父以及父选子。这些功能在数据管理、权限分配等场景中非常实用。 首先,我们要理解ExtJS树形组件的基本构造。一个树形组件由节点(Nodes...
本文档中的代码片段展示了如何在JSP页面中实现全选与复选功能,并通过JavaScript来控制各个复选框的状态,最终目的是将用户选择的结果保存到数据库中。 ### 全选和复选的实现 #### 1. **理解全选和复选的逻辑** ...
全选/全部不选 <input type=”checkbox” name=”items” value=”1″>1 <input type=”checkbox” name=”items” value=”2″>2 <input type=”checkbox” name=”items” value=”3″>3 <...
在本文中,我们将探讨如何使用jQuery来实现复选框(CheckBox)的全选、全不选以及反选功能。这些操作在Web开发中非常常见,尤其是在需要用户进行多选操作的表单界面中。 首先,我们介绍的是全选功能。全选功能允许...
1. **JSP页面结构**:页面采用JSP技术构建,通过`<%@ page %>`, `<%@ taglib %>`, `<c:forEach>`等标签实现了动态内容的渲染。该示例页面主要包含一个表单,用于展示一系列权限选项,并允许用户进行选择。 2. **...
通过上述的介绍和示例代码,我们可以看到在JSP页面中实现复选框的常用方法,包括如何获取复选框的值以及如何通过JavaScript实现复选框的全选和全不选功能。这些技术的掌握对于Web开发人员来说是基础且必要的,有助于...
在页面上添加一个`<input type="checkbox">`作为全选按钮,当用户点击该按钮时,通过JavaScript遍历所有行中的复选框(假设每个数据行都有一个对应的复选框),并设置它们的状态为选中。例如,你可以添加以下...
在这个场景中,提供的IssueSealList.jsp文件可能是用于展示复选框列表的页面。不过,由于这是一个静态的文件名,没有具体的代码内容,我们无法进一步分析其功能。但根据常规做法,这个JSP文件可能会包含上述HTML和...
通过上述示例代码,我们可以看到字符串的截取以及全选并删除功能的具体实现方式。这些功能不仅可以提升用户的使用体验,还能简化页面的设计,使整个系统更加高效易用。开发者可以根据实际情况调整代码细节,以适应...