代码很简单,就是在一张图片上做一个onclick事件,调用JavaScript函数,做到全选、反选、不选form中的checkbox
JavaScript代码:
- <script language="javascript">
- function checkAll(form1,status){
- var elements = form1.getElementsByTagName('input');
- for(var i=0; i<elements.length; i++){
- if(elements[i].type == 'checkbox'){
- if(elements[i].checked==false){
- elements[i].checked=true;
- }
- }
- }
- }
- function switchAll(form1,status){
- var elements = form1.getElementsByTagName('input');
- for(var i=0; i<elements.length; i++){
- if(elements[i].type == 'checkbox'){
- if(elements[i].checked==true){
- elements[i].checked=false;
- }else if(elements[i].checked==false){
- elements[i].checked=true;
- }
- }
- }
- }
- function uncheckAll(form1,status){
- var elements = form1.getElementsByTagName('input');
- for(var i=0; i<elements.length; i++){
- if(elements[i].type == 'checkbox'){
- if(elements[i].checked==true){
- elements[i].checked=false;
- }
- }
- }
- }
- </script>
然后在一个form中做三个图片来充当按钮,直接做按钮也行,反正你喜欢
代码如下:
- <tr>
- <td colspan="12" align="center">
- <img src="images/check.jpg" onclick="checkAll(form1,status);" />
- <img src="images/switch.jpg" onclick="switchAll(form1,status);" />
- <img src="images/uncheck.jpg" onclick="uncheckAll(form1,status);" />
- </td>
- </tr>
checkbox你喜欢弄几个就弄几个吧,我就不写了!
本文转自运维笔记博客51CTO博客,原文链接http://blog.51cto.com/lihuipeng/602115如需转载请自行联系原作者
lihuipeng