用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），并且支持全选和取消全选的功能。下面将详细介绍这一功能的实现步骤和关键知识点。 首先，我们需要在项目...