关于checkbox跟radio的js函数

原创 2007年09月17日 16:30:00
java 代码
  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    
  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    
  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. *       
  155. *       
  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. }      
 

checkbox和radio的js统一判断为空方法

function isCheck(num)         {              var obj=document.getElementsByName("q"+num);        ...
  • lihuang319
  • lihuang319
  • 2016年12月11日 15:59
  • 979

关于checkBox,radio和select标签的一些常见问题总结

checkBox的选中问题     1. checkBox的选中和checkBox标签的checked属性的关系:当有checked属性时,即被选中,否则,未选中。               che...
  • wp270280522
  • wp270280522
  • 2014年02月17日 22:30
  • 1230

一款非常漂亮的bootstrap表单checkbox/radio样式推荐

转自:http://blog.csdn.net/killzero/article/details/20282789?utm_source=tuicool http://www.bootcss.co...
  • chelen_jak
  • chelen_jak
  • 2015年05月14日 11:54
  • 18695

html中radio、checkbox选中状态研究

我们在web页面开发中经常需要让单选框、复选框进行选中或者不选中的操作,我们知道要让单选框或者复选框默认选中就需要添加checked属性,但是我们在js中使用jquery的attr可以在dom中添加c...
  • qq_29542611
  • qq_29542611
  • 2017年06月17日 22:10
  • 7686

纯CSS美化单复选框(checkbox、radio)

这是在工作中遇到需要美化单选框和复选框查资料看到别人的,特别声明此文是转载别人,在此感谢原作者。觉得很有用在此码起来 原理就是:隐藏选择框本身,在利用标签放在原来选择框位置上。看代码: ...
  • joeone_strong
  • joeone_strong
  • 2017年04月13日 18:02
  • 6446

一款非常漂亮的bootstrap表单checkbox/radio样式推荐

如题。 http://www.bootcss.com/p/icheck/ 这个bootstrap提供的icheck插件,首先是非常小。效率相对较高。其优点如下图所示: ...
  • white__cat
  • white__cat
  • 2017年02月18日 16:49
  • 1998

js表单处理中单选、多选、选择框值的获取及表单的序列化,js序列化

var formUtil = { // 获取单选按钮的值,如有没有选的话返回null // elements为radio类的集合的引用 getRadioValue:function(ele...
  • uevol14
  • uevol14
  • 2016年11月14日 10:10
  • 1387

[乐意黎]复选框(checkbox)和单选框(radio)与文字水平垂直居中对齐的解决方法

复选框(checkbox)和单选框(radio)与文字水平垂直居中对齐的解决方法 今天项目中出现了一个checkbox与同一行的文字不能对齐的问题,检查后发现个问题,checkbox和radio两...
  • aerchi
  • aerchi
  • 2016年06月14日 09:30
  • 3181

input的checkbox和radio控件样式美化

复选框 Checkbox 是 Web 应用常用控件,随处可见,原生的复选框控件一般不能满足我们的需求,设计师喜欢一些漂亮的图片,用css做出此效果。 input#gps_open_cl...
  • wuyou1336
  • wuyou1336
  • 2016年08月30日 18:34
  • 1890

修改radio、checkbox、select默认样式的方法

样式 radio select checkbox 兼容性 现在前端页面效果日益丰富,默认的input组件样式显然已经不能满足需求。趁着这次开发的页面中有这方面的需求,在这里整理一下修改r...
  • a32524150195
  • a32524150195
  • 2017年03月10日 17:29
  • 2092
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于checkbox跟radio的js函数
举报原因:
原因补充:

(最多只允许输入30个字)