用js实现了点击按扭或点击Checkbox完成多个Checkbox的选择
js 代码
- function clickButtonForSelectAllCheckBox(allCheckBox)
- {
- var boxs = document.getElementsByName(allCheckBox);
- var isAllSelected = true;
- for (i = 0; i < boxs.length; i++) {
- if (boxs[i].checked == false) {
- isAllSelected = false;
- }
- }
- for (i = 0; i < boxs.length; i++) {
- boxs[i].checked = !isAllSelected;
- }
- }
-
- function clickCheckBoxForSelectAllCheckBox(clickCheckBox, allCheckBox)
- {
- var box = document.getElementsByName(clickCheckBox)[0];
- var boxs = document.getElementsByName(allCheckBox);
- for (i = 0; i < boxs.length; i++) {
- boxs[i].checked = box.checked;
- }
- }
jsp页面的js
js 代码
- "javascript">
- function checkAllCheckBox()
- {
- var flag = false;
- var projects = document.getElementsByName("typeIds");
- for (i = 0; i < projects.length; i++) {
- if (projects[i].checked == true) {
- flag = true;
- }
- }
- if (flag == false) {
- alert("请选择要删除的项");
- }
- else {
- if (!confirm("确定要删除吗")) {
- flag = false;
- }
- }
- return flag;
- }
- <td class="td1">
- <input type="checkbox" name="selectAllCheckBox"
- onclick="return clickCheckBoxForSelectAllCheckBox('selectAllCheckBox', 'typeIds')"/>
- td>
-
- <logic:iterate id="contenttype" name="contentTypeBean"
- property="contentTypeList">
- <tr class="contenttr">
- <td class="td1">
- <html:checkbox property="typeIds" value="${contenttype.id}"/>
- td>
- tr>
- logic:iterate>
xml 代码
beanAction中的代码
java 代码
- public class ContentTypeBean
- extends AbstractBeanAction
- {
- private Long[] typeIds;
- .....
-
-
- public String deleteContentType() throws ContentTypeException, AttributeException
- {
- ActionMessages errors = new ActionMessages();
- for (int i = 0; i < typeIds.length; i++) {
- long typeId = typeIds[i];
- getContentTypeManager().removeContentType(typeId);
- }
- return SUCCESS;
- }
-
- }
分享到:
相关推荐
js 实现 两个checkbox互斥问题! 值得下载看看!资源免费,大家分享!!
Checkbox,也就是复选框,通常用于让用户从多个选项中选择一个或多个。在这个场景下,"多级选择"通常指的是分组或者层级结构的复选框,比如类别树或者导航菜单。 首先,我们需要理解基本的HTML Checkbox元素。一个...
在前端开发中,`TreeView` 是一种常见的UI组件...总的来说,`JS`实现`TreeView`中`Checkbox`的控制涉及到HTML结构设计、事件监听、DOM操作及状态管理等多个方面。理解并掌握这些知识,对于前端开发者来说是非常重要的。
Checkbox是用户界面中常见的一个组件,允许用户从多个选项中选择一个或多个。默认情况下,用户可以无限制地选择Checkbox,但根据业务需求,我们可能需要限制用户只能选择固定数量的选项。 实现这个功能有多种方法,...
在Angular.js中实现多个checkbox只能选择一个的功能,可以通过自定义指令来实现。在Angular.js框架中,指令是扩展HTML语法的一种方式,可以让我们创建自定义的HTML元素。在这篇文章中,作者提供了一个示例,通过创建...
因为 CheckBox 彼此独立工作,所以用户可以同时选择任意多个 CheckBox,进行选项组合。 CheckBox复选框JS实现全选、不选、全不选功能,很简单,具体内容如下 思路: 1、获取元素 2、给全选 不选 反选添加点击事件...
首先,复选框在网页表单中被广泛使用,让用户可以选择多个选项。在默认情况下,浏览器并不会自动记录用户勾选复选框的顺序。然而,在某些应用中,如数据过滤或设置选择,保持用户的勾选顺序可能很重要。tagsinput.js...
总的来说,理解和实现js多级联动多选checkbox插件涉及了JavaScript的多个核心概念,包括DOM操作、事件处理、数据结构、UI更新、性能优化以及模块化开发等。通过学习和实践,开发者可以创建出功能强大且易于使用的...
在JavaScript(JS)中,`checkBox`,也称为复选框,是网页表单中常见的一种元素,用于用户选择一个或多个选项。全选功能在处理多选项时非常实用,比如在一个列表中批量选择所有项目。这个标题和描述虽然重复,但明显...
当用户勾选一个Checkbox时,代表他们选择了该选项,反之则未选中。 2. **在WebApplication1中使用Checkbox** WebApplication1可能是ASP.NET的一个项目,它包含一个或多个网页,其中一个页面可能有包含Checkbox和...
这个主题,"10 - JS 实现 Checkbox 中按住 Shift 的多选功能",聚焦于通过按下Shift键实现连续选择多个Checkbox的功能,这在各种用户界面中非常常见,比如文件管理器、表格数据筛选等。 实现这一功能的关键步骤包括...
在编程领域,`Checkbox`(复选框)是一种常见的用户界面元素,用于让用户在多个选项中选择一个或多个。在本教程中,我们将探讨如何在不同的编程语言和框架中实现复选框的功能,以及如何处理与之相关的事件,如点击...
总结来说,“js写的带checkbox的tree”是一个结合了JavaScript、HTML和CSS技术的前端功能实现,它提供了一种有效的方式来展示和操作层次化数据。通过深入研究和实践,开发者可以掌握这一技能,并将其应用到各种Web...
在网页开发中,Checkbox(复选框)是用户界面中常用的一种元素,它允许用户从多个选项中选择一个或多个。全选和反选功能在多选列表中尤其常见,例如在批量操作或者多条件筛选时。以下是三种实现Checkbox全选和反选的...
"jstree_checkbox"是一个专门用于创建具有复选框功能的权限树结构的JavaScript库。在Web开发中,这样的工具非常实用,特别是在处理用户角色、权限分配或组织结构等需要多级选择和层级关系的场景。它允许用户通过交互...
在网页中很多时候会用到CheckBoX的多选和反选.比如网上调查或是后台管理系统等。现在主流的方法是用JavaScript来实现CheckBOX的多选和反选,下面笔者就为大家介绍一下如何实现这样的网页效果
在网页开发中,JavaScript(JS)是一种至关重要的脚本语言,用于实现客户端的交互效果。在HTML表单中,`checkbox`元素常用于提供多选选项。本文将深入探讨如何使用JavaScript来控制checkbox的行为,包括选择、取消...
**标题和描述**都是“JS判断是否选中checkbox”,这表明文章的主要目的是介绍如何使用JavaScript来检查一个或多个`checkbox`元素的状态(即是否被选中)。下面将详细介绍几种实现这一功能的方法,并对其进行深入解析...
在模板中,我们可以为每个商品设置一个checkbox,并将其绑定到对应商品的`selected`属性上: ```html <input type="checkbox" v-model="allSelected" @change="selectAll"> 全选 <input type="checkbox" v...
在这个特定的案例中,我们关注的是如何使用Element UI来实现一个带有复选框(checkbox)的下拉框(select),并且支持全选和取消全选的功能。下面将详细介绍这一功能的实现步骤和关键知识点。 首先,我们需要在项目...