`
lpacec
  • 浏览: 172171 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

一些公用的JAVASCRIPT函数

阅读更多
js 代码
  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.     var options = document.getElementsByName(name)[0].options;      
  166.     for (var i = 0; i < options.length; i++)       
  167.     {      
  168.         if(options[i].value === value)      
  169.         {      
  170.             options[i].selected = true;       
  171.             break;      
  172.         }      
  173.     }      
  174.      
  175. }  
分享到:
评论

相关推荐

    一些公用的javascript函数

    本压缩包“一些公用的javascript函数”包含了程序员在日常工作中经常使用的实用JavaScript函数,这些函数对于提升代码效率、简化编程任务具有重要意义。下面我们将深入探讨其中可能包含的知识点。 1. **函数定义与...

    一些公用的javascript函数(希望大家一起开源).txt

    与上一个函数相比,这个函数增加了对特定 ID 的限制条件,使得操作更加精确。 **代码示例:** ```javascript function selectAllCheckboxByID(state, name, id) { var ids = document.getElementsByName(name); ...

    webGL公用函数库设置的0积分

    在这个场景中,我们提到的几个JavaScript文件——cuon-matrix.js, cuon-utils.js, webgl-debug.js, 和 webgl-utils.js,都是WebGL编程中常用的公用函数库,它们为开发者提供了便利的功能,简化了WebGL编程的复杂性。...

    webGL公用函数库

    这个"webGL公用函数库"集合了几个实用的工具和函数,旨在简化WebGL编程过程,对于初学者来说特别有帮助。下面,我们将深入探讨这些公共函数库在WebGL编程中的作用以及它们可能包含的关键知识点。 1. **矩阵操作**:...

    webgl编程指南 公用函数库2

    这个"WebGL编程指南 公用函数库2"涵盖了WebGL开发中常用的一些工具和资源,帮助开发者更高效地构建3D web应用程序。下面我们将深入探讨这些公用函数库及其在WebGL编程中的作用。 1. **cuon-matrix.js**: 这个库提供...

    webgl编程指南公用函数库

    这个“webgl编程指南公用函数库”集合了几个关键的JavaScript文件,它们是WebGL开发中常用的辅助工具,帮助开发者简化复杂的数学计算和调试过程。 1. **cuon-matrix.js**: 这个文件提供了矩阵操作的函数库,对于...

    webgl公用函数库

    "webgl公用函数库"是针对WebGL编程的一些预封装的工具集,旨在简化开发过程,提高代码复用性和可维护性。 WebGL库通常包含以下几类功能: 1. **初始化和上下文管理**:库会提供创建和配置WebGL上下文的便捷方法。...

    webgl公用函数库(cuon-matrix.js,cuon-utils.js,webgl-debug.js,webgl-utils.js)

    在WebGL编程中,为了提高代码的可重用性和简化复杂任务,通常会使用各种公用函数库。这里提到的"cuon-matrix.js"、"cuon-utils.js"、"webgl-debug.js"和"webgl-utils.js"就是这样的工具库,它们为WebGL开发提供了...

    js公共函数

    本压缩包包含一个名为“JS公共函数.txt”的文件,里面列举了一些常见的JavaScript公共函数。这些函数在实际项目中非常实用,可以帮助开发者解决各种常见问题。 1. **数组操作** - `arrayConcat`: 合并两个或多个...

    webGL编程指南4个公用函数库

    WebGL是一种基于OpenGL标准的JavaScript API,用于在任何兼容的Web浏览器中进行2D和3D图形渲染,无需插件。它将强大的图形处理能力引入到网页开发中,使得开发者可以利用JavaScript创建复杂的交互式图形应用。在...

    JS公共函数JS公共函数

    根据提供的文件信息,我们可以总结出以下几个关键的JavaScript公共函数及其用途: ### 1. `function IfShow(ShowMsg)` **功能描述:** 此函数用于判断传入的消息字符串`ShowMsg`是否为空。如果为空,则返回`false`...

    微信小程序提取公用函数到util.js及使用方法示例

    在微信小程序的开发过程中,为了提高代码的复用性和可维护性,通常会将常用的函数抽取出来,组织成一个公用的工具库。这篇内容主要讲解如何将公用函数提取到`util.js`文件,并在其他小程序页面中进行调用。下面我们...

    Xia-Ao#Notes#关于webpack之后请求公用函数的用法1

    关于webpack打包之后请求公共变量/函数的用法common.js文件,定义公用函数或者变量name: 10, //定义变量//不用调用,直接就会执行//将z

    JAVASCRIPT设计模式[收集].pdf

    JavaScript 虽然是一门面向对象的语言,但是它并不具备将成员声明为公用或私用的任何内部机制,因此我们只能自己想办法实现这种特性。封装可以保持数据的完整性,并对其修改方式加以约束,从而使代码更可靠、更易于...

    几个经典JavaScript控件下载

    "choice"可能与选择相关的控件有关,"tree"对应上面提到的树形控件,"tabpane"可能是实现标签页功能的代码,"gridtable"则与带合计行的表格相关,而"lib"很可能包含了一些基础库或者公用函数,用于支持这些控件的...

    JavaScript常见方法大全

    #### 五、数据公用 为了使框架页面间共享数据,可以在框架集的主HTML文件中定义全局变量,例如: ```html &lt;script language="JavaScript"&gt; var persistentVariable = "This is a persistent value"; ``` 这样...

    理解JAVASCRIPT中hasOwnProperty()的作用

    JavaScript中hasOwnProperty函数方法是返回一个布尔值,指出一个对象是否具有指定名称的属性。 hasOwnProperty()使用方法: object.hasOwnProperty(proName)其中参数object是必选项。一个对象的实例。proName是必...

    100多个javescript函数[定义].pdf

    Javascript闭包(Closure)详解 ...所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便,

    WebGL编程指南公用库、示例程序、资源

    WebGL是一种基于OpenGL标准的JavaScript API,用于在任何兼容的Web浏览器中实现2D和3D图形渲染。它使得开发者可以在网页上创建交互式的、动态的视觉体验,无需用户安装额外的插件。本资源“WebGL编程指南公用库、...

Global site tag (gtag.js) - Google Analytics