一些公用的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. * 全选的所有指定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="２"  
  96. *调用方法selectRadio("ids","1");  
  97. *那么数值为１的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="２"  
  126. *第三个的name="ids",value="3"  
  127. *调用这个方法selectCheckbox("ids","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. } 
  168. <script language="javascript">
    function checkVote()
    {
        var checkboxes=document.all.VoteItem;
        var count=0;
        for(i=0;i<checkboxes.length;i++)
            if(checkboxes(i).checked)
                count++;
       
        if(count>3)
        {   
            alert("只可以选择20项");
            event.returnValue=false;
        }
    }
    </script>
    <form name="Vote" onSubmit="checkVote()">
    <input type="checkbox" name="VoteItem" value="1">1<br>
    <input type="checkbox" name="VoteItem" value="2">2<br>
    <input type="checkbox" name="VoteItem" value="3">3<br>
    <input type="checkbox" name="VoteItem" value="4">4<br>
    <input type="checkbox" name="VoteItem" value="5">5<br>
    <input type="checkbox" name="VoteItem" value="6">6<br>
    <input type="submit" value="submit">
    </form>
  169. http://fantasy.javaeye.com/blog/32928
  170. http://bbs.blueidea.com/thread-1683448-1-1.html
posted on 2007-04-16 20:10  mbskys  阅读(155)  评论(0)    收藏  举报
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3