`
chengyu2099
  • 浏览: 468749 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

js 实现checkbox 全选

JavaHTML 
阅读更多 
<%@ page contentType="text/html; charset=gb2312" language="java" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test</title>
</head>
<script language="javascript">
function test()
{
	alert('start..');
	var cb =document.frm.elements;
	for(var i=0;i<cb.length;i++)
	{
		if(cb[i].type=='checkbox')
		{
			cb[i].checked=true;
		}
	}
}
</script>
<body>
<form action="" name="frm">
<table align="center">
<tr><td> <input type="checkbox" name="cb1"/>checkbox 1</td></tr>
<tr><td> <input type="checkbox" name="cb2"/>checkbox 2</td></tr>
<tr><td> <input type="checkbox" name="cb3"/>checkbox 3</td></tr>
<tr><td> <input type="button" name="cb3" value="Test" onClick="test();"/></td></tr>
</table>
</form>
</body>
</html>
分享到：
| JAVA byte
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js实现checkbox 全选和取消

    js实现checkbox 全选和取消 自己亲测可以使用

    三种方式实现checkbox全选，反选

    以下是三种实现Checkbox全选和反选的方法，以及它们的JavaScript和Java实现细节。 ### 方法一：使用`checked`属性 **JavaScript实现**： 在JavaScript中，可以通过获取全选按钮的`checked`属性来控制所有复选框的...

    checkbox实现全选和反选经典例子

    这可以通过监听全选Checkbox的`CheckedChanged`事件来实现，然后遍历DataGridView的所有行，设置每一行的Checkbox为与全选Checkbox状态一致。 - **反选功能**：反选意味着取消所有已选中的项。这可以通过再次触发...

    javascript中CheckBox全选终极方案.docx

    本文将详细介绍如何在ASP.NET环境中利用JavaScript实现CheckBox全选功能，并提供完整的示例代码。 #### 关键知识点 ### 1. CheckBox全选原理 在实现CheckBox全选功能之前，我们首先需要理解其实现的基本原理。...

    JS实现checkbox的全选和反选

    资源名称：JS实现checkbox的全选和反选资源截图： 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。

    Js/Jquery 实现checkbox全选，反选，全不选

    在提供的文件“js实现checkbox全选，反选，全不选.htm”中，应当包含了上述功能的具体实现。通过查看源码，我们可以了解到实际的HTML结构以及jQuery脚本是如何与之配合的。这个文件可以作为一个示例，帮助我们更好地...

    基于JS实现checkbox全选功能实例代码

    通过以上的知识点介绍，我们可以了解到实现一个基本的checkbox全选功能需要掌握的HTML和JavaScript基础，以及如何通过具体的代码逻辑实现全选功能。同时，我们也认识到了在实际开发中需要考虑的实践注意事项。希望...

    CheckBox全选并删除

    在ASP.NET开发中，CheckBox控件常常用于实现用户界面中的多选功能，而"CheckBox全选并删除"这个主题涉及到两个关键操作：全选和删除。全选功能允许用户一次性选择多个选项，删除则通常指的是从数据库或其他数据存储...

    jquery、js操作checkbox全选反选.docx

    ### jQuery与JavaScript操作Checkbox全选反选 #### 一、引言 在Web开发中，Checkbox（复选框）是一种非常常见的用户界面元素，用于收集用户的多选输入。尤其是在表单设计时，Checkbox的全选与反选功能极大地方便了...

    checkBox全选——jscheckBox全选——jscheckBox全选——js

    这个标题和描述虽然重复，但明显是在强调使用JS实现`checkBox`的全选功能。下面我们将详细探讨如何利用JavaScript来实现这一功能。 首先，HTML部分，我们需要定义一组`checkBox`，并添加一个特殊的`checkBox`作为...

    checkbox全选，选中数据传到后台

    综上所述，实现"checkbox全选，选中数据传到后台"的功能，涉及到前端的HTML、CSS、JavaScript（特别是AJAX）技术，以及后端的Struts2框架、Spring框架和Hibernate ORM的使用。此外，还需要对数据库操作有深入理解，...

    checkbox的全选与取消

    全选功能通常是通过一个主复选框来实现的，当用户点击这个主复选框时，所有相关的子复选框会被自动选中或取消。这需要用到JavaScript或者jQuery来实现交互逻辑。例如，我们可以添加一个主复选框并监听其`change`事件...

    JS实现CheckBox复选框全选、不选或全不选功能

    CheckBox复选框JS实现全选、不选、全不选功能，很简单，具体内容如下 思路： 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的...

    js实现checkbox全选、不选与反选的方法

    本文将详细介绍使用JavaScript实现checkbox全选、不选与反选的方法，以及对应的HTML与JavaScript代码实现过程。 在实现checkbox全选、不选与反选功能之前，我们需要明确几个关键点： 1. 获取元素：在JavaScript中...

    easyui checkbox +全选

    标题 "easyui checkbox +全选" 指的是在网页界面设计中使用 EasyUI 框架实现复选框（checkbox）以及全选功能。EasyUI 是一个基于 jQuery 的前端框架，它提供了一系列预定义的 CSS 样式和 JavaScript 组件，帮助...

    javascript获取checkbox选定的值，checkbox全选功能

    javascript获取checkbox选定的值，checkbox全选功能的一个例子，方便新手朋友下载使用。费了好大劲才把功能做全了。

    实现checkbox全选

    本示例“实现checkbox全选”关注的是如何为一组`checkbox`添加全选（check all）的功能。这种功能允许用户通过点击一个主`checkbox`来勾选或取消所有其他`checkbox`，极大地提高了用户的操作效率。 首先，我们需要...

    实现checkbox全选、反选、取消JavaScript小脚本异常

    在前端开发中，checkbox全选、反选、取消的操作是常见的功能需求，通常用于实现批量操作。在此过程中，开发者可能会遇到一些问题，例如页面在执行这些操作时出现异常。这里会详细探讨相关知识点，包括checkbox的基本...

    PHP checkbox全选及提交到PHP

    这个项目（"PHP checkbox全选及提交到PHP"）涵盖了前端的全选功能实现，后端的PHP接收表单数据，以及可能涉及的数据库操作。了解这些知识点有助于构建一个完整的用户交互系统，允许用户在网页上选择多个选项并将其...

    js checkbox全选 反选 取消全部设置表单html复选框

    "js checkbox全选 反选 取消全部设置表单html复选框"这个标题描述了一个常见的功能需求，即通过JavaScript控制HTML中的复选框（checkboxes），实现全选、反选和取消全部选中的功能。在本文中，我们将深入探讨如何...

Magicbox
Global site tag (gtag.js) - Google Analytics