我要做的效果就是当我们打开页面时就自动把所有checkbox选中,原理是:先获取所有type为\'input \'的元素,然后各全选的那个选项添加点击事件。如果全选项被经被选中,则通过循环使得每个元素的\'checked\'属性变为true,否则变成false.
document.getelementbyid(' ')是某个元素的id特性来获取某个指定的元素,返回的是一个对象。document.getelementbyid(' ') 是根据控件tag(type属性)获取这个控件对象,返回的是一个对象数组;
要实现一个全选的效果,得先定义一组选项。
| 代码如下 | 复制代码 |
|
全选 |
|
接下利用Javascript来实现效果。教程中的效果是只能点全选时全部选中,如果再点全选就不能全部反选,这里我通过自己的理解,加入了这个功能
| 代码如下 | 复制代码 |
|
<script type="text/javascript"> <br /> window.onload=function(){<br /> <br /> var oInput=document.getElementsByTagName('input')<br /> var ohk=document.getElementById('hk')<br /> ohk.onclick=function(){<br /> var i=0;<br /> if(ohk.checked==true){<br /> for(i=0;i<oInput.length;i++)<br /> {<br /> oInput[i].checked=true;<br /> }<br /> }<br /> else<br /> {<br /> for(i=0;i<oInput.length;i++)<br /> {<br /> oInput[i].checked=false;<br /> <br /> }<br /> <br /> }<br /> };<br /> };<br /> </script> |
|
个人感觉此种方法还是有所欠缺,他会将页面中所有的类型为input的选中.现在我们写了一个利用点击事件来进行全选也反选效果。
| 代码如下 | 复制代码 |
|
|
|
这样如果结合php程序也实现删除功能我们只需要把获取的字符串以post或get方式提供就可以了,下面来看get方式提供。
立即学习“PHP免费学习笔记(深入)”;
| 代码如下 | 复制代码 |
|
//批量删除 |
|
在php程序中我们就要以
| 代码如下 | 复制代码 |
|
$a = $_GET['id']; |
|
然后利用where id in( $a ) 即可实现删除了哦,这也算是一简单php教程吧,有需要的朋友可学习交流。











