打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

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

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
用php实现全选全删的代码
全选反选问题
checkbox的回显(显示到前台页面)
javascript判断单选框或复选框是否选中方法集锦
js checkbox(复选框) 使用集锦
使用JS获得文本框,下拉框,单选框的值
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服