`
lclg123
  • 浏览: 4142 次
  • 来自: ...
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

js函数示例(拷贝别人)

J# 
阅读更多
  1. /**    
  2. * 全选的所有指定名称的checkbox   
  3. *@state 全选的checkbox的状态   
  4. *@name   表格中的所有checkbox的名称   
  5. *@author fangtf   
  6. *@type void   
  7. */   
  8. function selectAll(state,name) {   
  9.     var ids = document.getElementsByName(name);   
  10.     for (var i = 0; i < ids.length; i++)    
  11.     {          
  12.             ids[i].checked = state;   
  13.     }   
  14. }   
  15.   
  16. /**    
  17. * 全选的所有指定id名称的同名checkbox   
  18. *@state 全选的checkbox的状态   
  19. *@name   表格中的所有checkbox的名称   
  20. *@name   表格中的所有checkbox的id   
  21. *@author fangtf   
  22. *@type void   
  23. */   
  24. function selectAllCheckboxByID(state,name,id) {   
  25.     var ids = document.getElementsByName(name);   
  26.     for (var i = 0; i < ids.length; i++)    
  27.     {          
  28.             if(ids[i].id == id)   
  29.             {   
  30.                 ids[i].checked = state;   
  31.             }   
  32.                
  33.     }   
  34. }   
  35.   
  36. /**    
  37. * 全选页面上所有的checkbox   
  38. *@state 全选的checkbox的状态   
  39. *@author fangtf   
  40. *@type void   
  41. */   
  42. function selectAlls(state)    
  43. {   
  44.     var inputs = document.getElementsByTagName("input");   
  45.     for(var i =0;i<inputs.length;i++)   
  46.     {   
  47.         if(inputs[i].type == "checkbox")   
  48.         {   
  49.             inputs[i].checked =state;    
  50.         }   
  51.     }   
  52.   
  53. }   
  54.   
  55. /**   
  56. *得到鼠标所单击的行   
  57. *@type Object   
  58. */   
  59. function GetRow(oElem) {   
  60.     while (oElem) {   
  61.         if (oElem.tagName.toLowerCase() == "tr" && oElem.parentElement.tagName.toLowerCase() == "tbody") {   
  62.             return oElem;   
  63.         }   
  64.         if (oElem.tagName.toLowerCase() == "table" || oElem.tagName.toLowerCase() == "th") {   
  65.             return false;   
  66.         }   
  67.         oElemoElem = oElem.parentElement;   
  68.     }   
  69. }   
  70.   
  71. /**    
  72. * 全选当前行的checkbox   
  73. *@state 全选的checkbox的状态   
  74. *@author fangtf   
  75. *@type void   
  76. */   
  77. function selectRowCheckbox(state)   
  78. {   
  79.   var row = GetRow(window.event.srcElement);   
  80.   var cells = row.childNodes;    
  81.   for(var i=0;i<cells.length;i++)   
  82.   {   
  83.       var cell = cells[i].childNodes[0];   
  84.      if(cell.tagName == "INPUT")   
  85.      {   
  86.         cell.checked = state;   
  87.      }   
  88.   }   
  89. }   
  90.   
  91. /**    
  92. *选中指定值的Radio   
  93. *如:有两个radio,   
  94. *第一个的name="ids",value="1"  
  95. *第二个的name="ids",value="2"  
  96. *调用方法selectRadio("ids","1");   
  97. *那么数值为1的Radio将被选中   
  98. *@name radio的名称   
  99. *@value radio的值   
  100. *@author fangtf   
  101. *@type void   
  102. */   
  103. function selectRadio(name,value) {   
  104.     var radioObject = document.getElementsByName(name);   
  105.     if(value === "")   
  106.     {   
  107.         radioObject[0].checked = true;   
  108.         return;   
  109.     }   
  110.     for (var i = 0; i < radioObject.length; i++)    
  111.     {   
  112.         if(radioObject[i].value == value)   
  113.         {   
  114.             radioObject[i].checked = true;   
  115.             break;   
  116.         }   
  117.            
  118.     }   
  119. }   
  120.   
  121. /**    
  122. *选中指定值的checkbox   
  123. *如:有两个checkbox,   
  124. *第一个的name="ids",value="1"  
  125. *第二个的name="ids",value="2"  
  126. *第三个的name="ids",value="3"  
  127. *调用这个方法selectCheckbox("ids","1,2")那么数值为1,2的checkbox将被选中   
  128. *                   
  129. *@name 要选中的checkbox数组的名称   
  130. *@value 判断时候选中的值   
  131. *@author fangtf   
  132. *@type void   
  133. */   
  134. function selectCheckbox(name,value) {   
  135.     var checkObject = document.getElementsByName(name);   
  136.     var valuevalues = value.split(",");   
  137.     for(var j = 0; j < values.length; j++)   
  138.     {   
  139.         for (var i = 0; i < checkObject.length; i++)    
  140.         {   
  141.             if(checkObject[i].value == values[j])   
  142.             {   
  143.                 checkObject[i].checked = true;   
  144.                 break;   
  145.             }   
  146.         }   
  147.     }   
  148.        
  149. }   
  150.   
  151. /**    
  152. *选中指定值的select   
  153. *如:有一个名称为user的select   
  154. *<option value="0"></option>  
  155. *<option value="1"></option>  
  156. *调用这个方法selectOption("user","0")那么选项为0的选项就被选中   
  157. *                  
  158. *@name  String  select的名称   
  159. *@value String  判断时候选中的值   
  160. *@author fangtf   
  161. *@type void   
  162. */   
  163. function selectOption(name,value)   
  164. {   
  165.      document.getElementsByName(name)[0].value=value;   
  166.   
  167. }  
分享到:
评论

相关推荐

    js 深拷贝函数

    这里提供了一个简单的深拷贝函数示例: ```javascript function objectClone(obj, preventName) { // 检查输入类型是否为对象,如果不是则直接返回 if ((typeof obj) !== 'object') { return obj; } // 对象...

    js数组的深拷贝

    Lodash是一个流行的JavaScript实用工具库,它提供了一个`_.cloneDeep`函数,可以方便地进行深拷贝。如果你的项目已经引入了Lodash,那么可以轻松使用这个功能: ```javascript var _ = require('lodash'); var ...

    最专业的深拷贝JS库

    "最专业的深拷贝JS库"是一个专门用于实现JavaScript对象深拷贝的工具库。这个库采用了递归的方式来处理深拷贝,递归是一种自上而下解决问题的方法,当遇到复杂的数据结构,如嵌套的对象或数组时,递归可以有效地一...

    javascript 拷贝节点cloneNode()使用介绍.docx

    - **js深拷贝函数**:探讨不同方法实现深拷贝的过程,包括递归拷贝等。 - **浅谈JavaScript中面向对象的深拷贝和浅拷贝**:更深入地理解深拷贝和浅拷贝的概念,以及它们在面向对象编程中的应用。 通过上述介绍和...

    详解JS数据类型的值拷贝函数(深拷贝)

    `mottoClone` 函数是一个实现深拷贝的示例,它支持多种基础数据类型(Boolean, Number, String, RegExp, Date)以及Array, Function, 和JSON对象。让我们详细分析一下这个函数的工作原理: 1. 首先,函数检查输入的...

    自己实现string函数功能

    自己实现string函数功能 本文主要介绍了自己实现string函数的功能,其中...本文详细介绍了mystring类的实现过程,包括构造函数、拷贝构造函数、赋值运算符、加法运算符和析构函数的实现,以及在Main函数中的使用示例。

    Ezjs实用小巧简洁的JS函数库

    Ez.js是一个实用、小巧且简洁的JavaScript函数库,旨在提升开发者的工作效率,增强程序的容错性。这个库针对常见的开发场景提供了一系列的便捷功能,帮助开发者快速处理各种业务需求,从而节省大量的开发时间。由于...

    javascript对浅拷贝和深拷贝的详解

    JavaScript中的拷贝概念在编程中至关重要,特别是在处理对象和数组时。浅拷贝和深拷贝是两种不同的拷贝方式,它们的区别在于如何处理数据的复制。 1. **浅拷贝**: 浅拷贝是指创建一个新的对象,然后将原对象的...

    JS 数组和对象的深拷贝操作示例

    以下是一个简单的递归深拷贝函数示例: ```javascript function deepClone(obj) { if (obj === null || typeof obj !== 'object') { return obj; } let clone; if (Array.isArray(obj)) { clone = []; for ...

    JavaScript基于遍历操作实现对象深拷贝功能示例

    在实际应用中,JavaScript的深拷贝还有其他实现方式,如使用 `JSON.parse` 和 `JSON.stringify`,但这种方法有局限性,因为它无法处理函数和循环引用。此外,还可以使用第三方库如 Lodash 的 `_.cloneDeep` 方法。...

    js代码-深拷贝函数

    在JavaScript中,深拷贝和浅拷贝是两种常见的数据复制方法。深拷贝是指创建一个新对象,复制原对象的所有属性,并且如果属性是对象,那么也会递归地复制其内部的对象。这种方式确保了原始对象和复制对象之间的独立性...

    JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)

    在JavaScript中,浅拷贝和深拷贝是处理引用类型数据时的重要概念。这两种拷贝方式主要区别在于复制对象的方式以及是否保留原始对象与新对象之间的关联性。 浅拷贝,顾名思义,仅仅复制对象的引用,而不是创建一个...

    JS实现数组深拷贝的方法分析

    总之,JavaScript中实现数组深拷贝的方法包括自定义深拷贝函数、JSON转换以及使用第三方库。选择哪种方法取决于具体需求和性能考虑。在处理复杂数据结构时,务必注意深拷贝和浅拷贝的区别,以避免不必要的副作用。

    JavaScript数组深拷贝和浅拷贝的两种方法

    在JavaScript编程中,对数组进行拷贝是一项常见的需求,但我们必须区分两种拷贝方式:浅拷贝和深拷贝。浅拷贝仅仅复制引用,而深拷贝则是复制内容。如果对拷贝后的数组内容进行修改,如果使用浅拷贝方法,改动会影响...

    tools_深拷贝_

    在JavaScript中,有多种方法可以实现深拷贝,包括使用JSON.parse与JSON.stringify的组合、递归函数以及一些现成的库,如lodash的_.cloneDeep方法。不过,由于我们没有具体的代码,无法详细介绍这里的实现方式,但...

    js代码-深拷贝deepClone

    在JavaScript中,深拷贝(Deep Clone)是一...在压缩包文件"main.js"中,可能包含了具体的深拷贝实现示例,而"README.txt"可能是对这个实现的说明或使用指南。通过阅读这两个文件,可以更深入地理解并应用深拷贝技术。

    jQuery深拷贝Json对象简单示例

    以下是jQuery深拷贝Json对象的简单示例: ```javascript var oldJson = { Name: 'quber', List: [1, 2, 3, 4], Obj: [ { name: 'qubernet', fun: function () { return 1; } }, { name: 'qubernet1', fun: ...

    Javascript数组函数大全

    ### JavaScript 数组函数详解 #### 1. `shift` 方法 `shift` 方法用于移除数组的第一个元素,并返回被移除的元素。如果数组为空,则返回 `undefined`。 ```javascript let a = [1, 2, 3, 4, 5]; let b = a.shift();...

    js代码-拷贝访问器

    在`README.txt`中,可能会详细解释如何使用`main.js`中的函数,以及在什么情况下使用哪种深拷贝策略,可能还会包含一些示例代码和注意事项,例如处理循环引用和特殊类型的对象(如日期、正则等)。了解和掌握深拷贝...

Global site tag (gtag.js) - Google Analytics