当前位置：Gxlcms > PHP教程 > javascrip全选效果之学习笔记_PHP教程

javascrip全选效果之学习笔记_PHP教程

时间：2021-07-01 10:21:17 帮助过：3人阅读

我要做的效果就是当我们打开页面时就自动把所有checkbox选中，原理是：先获取所有type为\'input \'的元素，然后各全选的那个选项添加点击事件。如果全选项被经被选中，则通过循环使得每个元素的\'checked\'属性变为true，否则变成false.

document.getElementById(' ')是某个元素的id特性来获取某个指定的元素，返回的是一个对象。document.getElementById(' ') 是根据控件TAG（type属性）获取这个控件对象，返回的是一个对象数组；

要实现一个全选的效果，得先定义一组选项。

代码如下

全选

接下利用Javascript来实现效果。教程中的效果是只能点全选时全部选中，如果再点全选就不能全部反选，这里我通过自己的理解，加入了这个功能

代码如下

个人感觉此种方法还是有所欠缺，他会将页面中所有的类型为input的选中.现在我们写了一个利用点击事件来进行全选也反选效果。

代码如下

这样如果结合php程序也实现删除功能我们只需要把获取的字符串以post或get方式提供就可以了，下面来看get方式提供。

代码如下

//批量删除
//na 是name
function checkSubmit(na,url)
{

var str = '';
for(var i=0;i < document.getElementsByName(na).length;i++)
{
if(document.getElementsByName(na)[i].checked){
if(str=='') str += document.getElementsByName(na)[i].value;
else str += ',' + document.getElementsByName(na)[i].value;
}
}
if(str=='')
{
alert('你没选择任何内容！');
return false;
}
else
{
location=url+"?id="+str+"&action=delall";
}
}

在php程序中我们就要以

代码如下
$a = $_GET['id'];

然后利用where id in( $a ) 即可实现删除了哦，这也算是一简单php教程吧，有需要的朋友可学习交流。

http://www.bkjia.com/PHPjc/628796.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/628796.htmlTechArticle我要做的效果就是当我们打开页面时就自动把所有checkbox选中，原理是：先获取所有type为\'input \'的元素，然后各全选的那个选项添加点击事...

javascrip全选效果之学习笔记_PHP教程

人气教程排行