`
woshixushigang
  • 浏览: 575932 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

JS数组checkbox

    博客分类:
  • js
阅读更多

一、方法1:

function editZT(cell){
 if (cell.innerText == ''1''){
  cell.innerHTML = "<input type = checkbox name=''code'' checked disabled></input>"
 }
 else
 {
  cell.innerHTML = "<input type = checkbox name=''code'' value=''{c_bh}'' onclick=checkCode(this)></input>"
 }
 }
function checkCode(obj){
 jsdGrid.selectRow()
 if(obj.checked) {
   codevalue.push(jsdGrid.currentRow.c_bh)
 }else{
   codevalue.splice(indexOfArray(codevalue,jsdGrid.currentRow.c_bh),1) / /obj.checked=false时,删除已选
   }
     //去掉数组中相同元素中的一个
 for(i=0;i<codevalue.length;i++){
   for(j=i+1;j<codevalue.length;j++){
    if(codevalue[j]==codevalue[i]){
    codevalue.splice(j,1);
    }
    }
    }
}

//全选全不选
function checkAll(){
  //jsdGrid.selectRow()
  var bms = document.all.code
  if(document.all.code1.checked==true){
  for (var i=0;i<bms.length;i++){
  //  if(bms[i].checked==false){
     bms[i].checked = true
    }   
   }else{
   for (var i=0;i<bms.length;i++){
     bms[i].checked=false
     }
 }
 changeAll()
}
function changeAll(){
 var month = jsdGrid.parentRow.c_month
 var jslx = jsdGrid.parentRow.c_jslx
 var jsdx = jsdGrid.parentRow.c_jsdx
 

 var data = jsdGrid.selectData("select c_bh bh from jy_jsd_cw where c_month = ''"+month+"'' and c_jslx = ''"+jslx+"'' and c_jsdx = ''"+jsdx+"'' and n_zt<>1",null,true)
 
if(document.all.code1.checked==true){
   for(i in data){
    codevalue.push(data[i].bh)    
   }
 }else{
  for(i in data){
   codevalue.splice(indexOfArray(codevalue,data[i].bh),1)
   } 
 }
   //去掉数组中相同元素中的一个
 for(i=0;i<codevalue.length;i++){
   for(j=i+1;j<codevalue.length;j++){
    if(codevalue[j]==codevalue[i]){
    codevalue.splice(j,1);
    }
    }
    }
}

二、方法2:

 function editZT(cell){
 if (cell.innerText == ''1''){
  cell.innerHTML = "<input type = checkbox name=''ztcoded'' checked disabled></input>"
 }
 else
 {
  cell.innerHTML = "<input type = checkbox name=''ztcode''  onclick=checkCode(this)></input>"
 }
 
 }
 //
function checkCode(obj){
 jsdGrid.selectRow()
 if(obj.checked) {
   codevalue.push(jsdGrid.currentRow.c_bh)
 }else{
   codevalue.splice(indexOfArray(codevalue,jsdGrid.currentRow.c_bh),1)
   }
   //去掉数组中相同元素中的一个
 for(i=0;i<codevalue.length;i++){
   for(j=i+1;j<codevalue.length;j++){
    if(codevalue[j]==codevalue[i]){
    codevalue.splice(j,1);
    }
    }
    }
}
//全选
function checkAll(){
 var obj= event.srcElement;
 var temp = obj.parentElement;
 while(temp.tagName !="DIV") {
  temp = temp.parentElement
 }
 var bms= temp.getElementsByTagName("INPUT")
 for (var i=0;i<bms.length;i++){
  if(bms[i].name == "ztcode")
     bms[i].checked = obj.checked
 }
 changeAll(obj.checked)
}
function changeAll(flag){
 var month = jsdGrid.parentRow.c_month
 var jslx = jsdGrid.parentRow.c_jslx
 var jsdx = jsdGrid.parentRow.c_jsdx

 var data = jsdGrid.selectData("select c_bh bh from jy_jsd_cw where c_month = ''"+month+"'' and c_jslx = ''"+jslx+"'' and c_jsdx = ''"+jsdx+"'' and n_zt<>1",null,true)
 
 if(flag){
   for(i in data){
    codevalue.push(data[i].bh)
   }
 }else{
  for(i in data){
   codevalue.splice(indexOfArray(codevalue,data[i].bh),1)
  } 
 }
 //去掉数组中相同元素中的一个
 for(i=0;i<codevalue.length;i++){
   for(j=i+1;j<codevalue.length;j++){
    if(codevalue[j]==codevalue[i]){
    codevalue.splice(j,1); //有关参数的介绍参看教程,这里的意思是删除被比较元素后面的元素与被比较元素相同一个元素。
   }
    }
    }
}

 

 

文章出处:飞诺网(www.firnow.com):http://dev.firnow.com/course/3_program/java/javajs/20071215/91978.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)的操作,比如全选、取消全选以及基于选择状态进行某些操作(如删除)。本文将详细介绍如何通过...

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

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

    JS对象与数组参考大全

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

    js树,带checkBox

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

    js多级联动多选checkbox插件

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

    ExtJS实现动态读写Checkboxgroup

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

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

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

    jQuery操作checkbox并获取选中值

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

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

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

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

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

    Flex动态生成checkbox组

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

    javascript对象与数组参考大全

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

    js中三种遍历数组的效率.txt

    在给定的代码示例中,我们探讨了JavaScript中三种不同的方法来遍历数组或类数组对象,并评估了它们的性能。这段代码主要是通过创建一个简单的HTML页面,并在这个页面上实现了一个功能:根据用户输入的数字,动态生成...

Global site tag (gtag.js) - Google Analytics