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

js 数组,checkbox

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
    <script language = "javascript">
  var idArr = new Array();
  /*function setMulId2(){		
		for(i=0;i<document.pvStockLineForm.elements.length;i++) {
			if(document.pvStockLineForm.elements[i].type=="checkbox")  
       			{
					alert(document.pvStockLineForm.elements[i].checked) 
					if(document.pvStockLineForm.elements[i].checked==true){
						idArr.push(document.pvStockLineForm.elements[i].value);
					}
					
				}
		} 
		alert(idArr)   		  
	}*/
//-------------------------------------------------------------
 function setMulId(){
	idArr.length = 0;//清空数组
	var checkObj = document.getElementsByTagName("input");
	var len = checkObj.length;
	alert("len=="+len);
	 for(var i=0;i<len;i++){
		if(checkObj[i].type=="checkbox"){
			if(checkObj[i].checked==true){
				idArr.push(checkObj[i].value);
			}
		}
	 }
	 alert(idArr)
	}
  </script>
 </HEAD>

 <BODY>
  <form name="pvStockLineForm" method="post">
  <table class="simple">
<thead>
<tr>
<th>选择</th>
<th>名称</th>
<th>型号</th>
<th>参数</th>
<th>数量</th>
<th>卖出数量</th>
<th>单位</th></tr></thead>
<tbody>
<tr class="even">
<td><input id='recId' type='checkbox' name='recId' value='11394' onclick="setMulId(11394)";></td>
<td>eeee</td>
<td>vv</td>
<td>tt</td>
<td>23</td>
<td>2</td>
<td>g</td></tr>
<tr class="odd">
<td><input id='recId' type='checkbox' name='recId' value='11408' onclick="setMulId(11408)";></td>
<td>dddd</td>
<td>v</td>
<td>t</td>
<td>5</td>
<td>0</td>
<td>s</td></tr>
<tr class="even">
<td><input id='recId' type='checkbox' name='recId' value='11409' onclick="setMulId(11409)";></td>
<td>cccc</td>
<td>s</td>
<td>v</td>
<td>3</td
<td>1</td>
<td>t</td></tr>

<tr class="odd">
<td><input id='recId' type='checkbox' name='recId' value='11631' onclick="setMulId(11631)";></td>
<td>aaaa </td>
<td>bbbb</td>
<td></td>
<td>3</td>
<td>0</td>
<td>只</td></tr></tbody></form></table>
 </BODY>
</HTML>
分享到:
评论

相关推荐

    checkbox的数组传值

    本文将深入探讨如何在Struts框架下处理checkbox的数组传值,以及如何利用JavaScript增强用户体验。 ### Struts框架中的Checkbox处理 #### 1. **Struts标签库** Struts是Java Web应用开发的一个流行框架,提供了...

    10 - JS 实现 Checkbox 中按住 Shift 的多选功能.rar

    这个主题,"10 - JS 实现 Checkbox 中按住 Shift 的多选功能",聚焦于通过按下Shift键实现连续选择多个Checkbox的功能,这在各种用户界面中非常常见,比如文件管理器、表格数据筛选等。 实现这一功能的关键步骤包括...

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

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

    js获得Gridview中选中checkbox行的信息

    在JavaScript环境下,处理GridView的数据交互尤为重要,特别是当需要获取用户通过Checkbox选择的行信息时。本文将详细介绍如何使用JavaScript获取GridView中选中Checkbox行的信息。 首先,理解基础概念: 1. **...

    checkbox多项选中及取消选中

    综上所述,实现 `checkbox` 的多项选中及取消选中,需要理解 `checkbox` 的基本用法,掌握JavaScript操作DOM属性的方法,理解 `attr` 与 `prop` 的区别,并灵活运用事件监听和样式控制。通过这些技术,你可以创建出...

    js request checkbox .val

    标题提到的是“js request checkbox .val”,这里的关键信息是JavaScript请求(或者说操作)复选框的值。这通常意味着我们需要编写一段JavaScript代码来读取页面上某个或某些复选框当前的状态,并获取它们的值。 ##...

    今天把JS控制checkbox全选、取消全选、删除功能的代码贴出来。。。。。

    ### JS控制Checkbox全选、取消全选与删除功能 在前端开发中,处理表单数据时经常需要用到对多个复选框(checkbox)的操作,比如全选、取消全选以及基于选择状态进行某些操作(如删除)。本文将详细介绍如何通过...

    JS对象与数组参考大全

    ### JS对象与数组参考大全知识点概述 #### 一、Overview: JavaScript对象与数组的重要性 JavaScript是一种广泛应用于网页开发中的编程语言,它通过一系列内置对象和数组提供了强大的功能。本文将详细介绍一些常用...

    用Javascript读取CheckBox数组的值的代码(兼容IE与firefox)

    在本文中,我们将探讨如何使用JavaScript兼容IE和Firefox来读取CheckBox数组的值。 首先,`document.getElementById(id)` 是一个常用的方法,它通过指定的ID查找单一的HTML元素。然而,当涉及到数组或集合,如...

    js树,带checkBox

    "js树,带checkBox"特指在JavaScript实现的树结构中,节点具有复选框功能,允许用户进行多选操作。这种功能在很多应用场景中都非常实用,比如在设置权限、选择项集合时。 在JavaScript中实现这样的树形结构,通常会...

    js多级联动多选checkbox插件

    总的来说,理解和实现js多级联动多选checkbox插件涉及了JavaScript的多个核心概念,包括DOM操作、事件处理、数据结构、UI更新、性能优化以及模块化开发等。通过学习和实践,开发者可以创建出功能强大且易于使用的...

    js 判断checkbox是否选中的实现代码

    在使用JavaScript进行网页开发时,我们经常需要对表单元素进行操作和验证,其中checkbox(复选框)是一个常见的元素。Checkbox允许用户在多个选项中选择一个或多个选项,通过检查checkbox是否被选中,可以执行相应的...

    javascript统计,判断多选框checkbox数量,

    在JavaScript编程中,多选框(checkbox)是网页表单中常见的一种元素,常用于让用户选择多个选项。本文将深入探讨如何使用JavaScript来统计多选框的数量,并根据用户的选择重新组织新的数据。 首先,让我们理解多选...

    jQuery操作checkbox并获取选中值

    这将创建一个数组`selectedValues`,其中包含了所有选中checkbox的值。 ### 六、实际应用 在实际项目中,这些功能通常会绑定到按钮的点击事件上。例如,你可以为全选按钮添加一个id `selectAll`,然后在文档加载...

    Vue.js实现购物车checkbox的全选与反选

    在Vue.js中实现购物车的全选与反选功能,主要涉及到组件通信、数组操作以及事件绑定等核心概念。下面将详细讲解这个过程。 首先,我们需要一个数据模型来存储购物车中的商品信息,通常会有一个`cartItems`数组,每...

    ExtJS实现动态读写Checkboxgroup

    创建CheckboxGroup时,通常需要提供一个配置对象,其中包含`columns`(列数)和`items`(Checkbox配置数组)等属性。例如: ```javascript var checkboxGroup = Ext.create('Ext.form.CheckboxGroup', { columns: ...

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

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

    Flex动态生成checkbox组

    在这个例子中,我们首先创建了一个数据源数组,然后为每个数组元素创建一个Checkbox。我们还添加了一个事件监听器,以便在用户更改Checkbox状态时可以做出响应。 压缩包中的`CheckBoxItem.as`可能是一个自定义的...

    javascript对象与数组参考大全

    #### 二、JavaScript数组详解 **1. Array对象** - **简介**: `Array` 是一个内置对象,用于存储多个值。 - **属性**: - `length`: 数组的长度。 - **方法**: - `push()`: 向数组末尾添加一个或多个元素,并返回...

Global site tag (gtag.js) - Google Analytics