`
高军威
  • 浏览: 179223 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js 把所选中的复选框的值 存到集合中

js 数组 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<SCRIPT language=JavaScript>
	function hh(){
		var str=document.getElementsByName("1");
		var objarray=str.length;
		var a = new Array();
		for (i=0;i<objarray;i++){
		   if(str[i].checked == true){
		   		a.push(str[i].value);
			}
		}
		for (i=0;i<a.length;i++){
		   alert(a[i]);
		}
	}
</SCRIPT>
</head>

<body>
<input type="checkbox" name="1" onclick="hh();" value="中国1" />
<input type="checkbox" name="1" onclick="hh();" value="中国2" />
<input type="checkbox" name="1" onclick="hh();" value="中国3" />
<input type="checkbox" name="1" onclick="hh();" value="中国4" />

</body>
</html>
分享到：
| DWR + ssh2 项目实例
评论
发表评论

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

相关推荐

    javascript复选框实现批量选择

    2. 在列表下方放置一个“全选/全不选”复选框，当选中“全选/全不选”复选框后，列表中的所有复选框都选中，当取消“全选/全不选”复选框后，列表中的所有复选框都取消选中。 3. 当列表中的复选框都取消选中后，...

    复选框变单选框

    在IT行业的前端开发中，将复选框（checkbox）转换为单选按钮（radio button）的行为，虽然在表面上看似简单，但其实涉及到了DOM操作、事件处理以及逻辑判断等多方面的知识。根据提供的代码片段与描述，我们可以深入...

    复选框相关代码

    - **获取选中复选框**：通过遍历`rp_Screens.Items`集合，查找每个项内的`screenNumber`复选框，并检查其`Checked`属性。 - **构建选中值字符串**：将所有选中的复选框的`Value`属性拼接成一个字符串`screenNumbers`...

    树结构 复选框 多选 全选功能

    在IT领域，尤其是在前端开发中，"树结构 复选框 多选 全选功能"是一个常见的交互设计模式，广泛应用于数据管理、文件系统、菜单导航等场景。这一功能的实现涉及到数据结构、事件处理、状态管理等多个方面的技术。 ...

    用js实现复选框多选的js源代码

    1. 用户界面包含多个复选框集合（如Set1、Set2等）。 2. 每个集合内部包含多个复选框。 3. 每个集合都有一个“全选/全不选”的复选框，用于控制该集合内所有复选框的状态。 #### 二、分析JavaScript代码逻辑 接...

    javascript获取checkbox复选框获取选中的选项

    在JavaScript中，获取复选框（checkbox）选中的选项是一项常见的任务，特别是在处理表单数据时。本示例提供了一种纯JavaScript实现的方法，用于获取指定表单内复选框选中的值。以下是对该方法的详细解释： 首先，...

    图片列表_复选框浮动选中

    在网页设计中，"图片列表_复选框浮动选中"是一种常见的交互设计模式，它提高了用户在浏览图片集合时的交互体验。这种设计通常应用于照片库、产品选择或者其他需要用户选择多个项目的场景。在这个设计中，用户点击...

    js 静态树形结构(包含有复选框和无复选框)

    - 复选框交互：处理复选框的选中和取消选中状态，可能还需要维护一个选中节点的集合。 - 事件处理：监听用户的操作，如点击节点、复选框变化等，并作出相应反应。 2. **CSS文件**：这个文件用于定义树形结构的...

    JSP列表中复选框批量选择功能实现

    在JavaServer Pages (JSP) 开发中，常常需要实现用户界面中的批量选择功能，比如在列表中通过复选框来选中多个项目。本文将详细介绍如何在JSP中实现这样的功能，主要涉及HTML、JavaScript 和后端Java的交互。 首先...

    教你一天玩转JavaScript(七)——使用JavaScript完成复选框的全选和全不选的效果

    2. **遍历DOM节点**：获取到复选框集合后，需要遍历这些元素。JavaScript提供了`for`循环或`forEach()`方法，可以用来逐个处理每个复选框。 3. **设置复选框状态**：使用`checked`属性可以改变复选框的选中状态。...

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

    在前端，我们可以使用jQuery或者其他JavaScript库来处理用户交互，比如监听复选框的改变事件，收集选中项的ID，并在用户提交时构建请求参数。同时，为了实现全选功能，我们需要维护一个全选状态变量，当这个变量改变...

    复选框和下拉列表的提交和回显的实现方式

    - 遍历所有被选中的复选框，并将它们的值拼接成一个字符串。注意去除首部不必要的逗号。 #### 四、复选框的Struts2标签回显和提交 在使用Struts2框架时，可以通过Struts2提供的表单标签来简化复选框的处理过程。 ...

    jQuery实现获取选中复选框的值实例详解

    // 此时selectedValues数组中包含了所有被选中复选框的值 ``` 上面这段代码首先定义了一个空数组selectedValues，用来存储被选中的复选框的值。接着通过jQuery选择器$("#fruit :checkbox")选中所有在id为"fruit"的...

    SelectBox下拉复选框多选插件

    对于“SelectBox下拉复选框多选插件”，这意味着它是一个独立的JavaScript或CSS库，可以轻松集成到任何项目中，为下拉框添加多选和搜索功能。 5. **搜索功能**：此插件的一个关键特性是搜索功能。在大量选项的下拉...

    复选框的使用

    3. **反选操作**：反选功能会改变所有已选中复选框的状态，使其变为未选中，反之亦然。在事件处理函数中，我们需要检查每个子复选框的当前状态，然后切换其状态。 4. **取值操作**：获取复选框的值通常是为了保存...

    多个复选框特效.zip

    用户可以通过点击来选中或取消选中复选框。 - 复选框通常配合`&lt;label&gt;`元素一起使用，提高可点击区域并提升用户体验。 2. **JavaScript与复选框**： - JavaScript是一种强大的脚本语言，常用于前端开发，可以用于...

    asp.net 带复选框的下拉列表(WebCombox)

    ASP.NET中的WebCombox是一种将下拉列表与复选框功能结合的自定义控件，它为用户提供了一种更直观的方式来选择多个选项。在传统的下拉列表中，用户只能选择一个选项，但WebCombox控件允许用户在展开的列表中多选，...

    对 Struts 2 的 s: iterator tag 中嵌套的所有 s: checkbox 进行全选、反选操作

    4. **服务器端处理**：当用户点击提交按钮时，Struts 2 将接收到一个名为`selectedItems`的参数，其值为所有选中复选框的id。在Action类中，你需要解析这个参数并根据需要处理数据。 以上就是使用Struts 2 的`s:...

    JavaScript简单判断复选框是否选中及取出值的方法

    JavaScript中判断复选框是否选中以及获取其值的方法是前端开发中常用到的技能，因为复选框常用于表单中让用户选择一项或多项选项。本文将详细介绍如何使用JavaScript来实现这一功能。 首先，我们了解下HTML中的复选...

    jquery统计复选框选中示例

    接下来，要计算选中复选框的数量，有以下两种方法： 1. 使用`size()`方法： `size()`是jQuery早期版本中的一个方法，用于返回匹配元素集合的长度。在现代jQuery中，这个方法已经被`length`属性所替代，但仍然可用...

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