后端开发|php教程
javascrip,全选,效果,之,学习,笔记,我,要做,效果,就是,当,我们,打开,页面,时,就,自动,把,所,
后端开发-php教程
我要做的效果就是当我们打开页面时就自动把所有checkbox选中，原理是：先获取所有type为\’input \’的元素，然后各全选的那个选项添加点击事件。如果全选项被经被选中，则通过循环使得每个元素的\’checked\’属性变为true，否则变成false.
安卓vpn拨号源码,更改vscode字体,ubuntu禁止每天的自动更新,tomcat 注册jar,sqlite支持事务吗,wordpress优酷插件,前端开发使用框架的好处,黄岛的爬虫馆位置,php从入门到精通3,怎么去做seo,男神女神投票网站,html网页作品下载,yy影视模板,泛站群程序破解版lzw
document.getElementById(‘ ‘)是某个元素的id特性来获取某个指定的元素，返回的是一个对象。document.getElementById(‘ ‘) 是根据控件TAG（type属性）获取这个控件对象，返回的是一个对象数组；
java三国杀源码,vscode查矩阵,ubuntu线程,tomcat 改内存,sqlite 行号和主键有,DZ红包插件,2018年最火的前端框架,用爬虫获取数据违法吗,php win8.1,成都外包seo引流,模板网站制作服务,网页图片旋转放大特效,ASP手机模板lzw
要实现一个全选的效果，得先定义一组选项。
快法务微信电商系统源码,用vscode写php,Ubuntu nfs卸载,tomcat外部署,前端打开sqlite数据库,关于爬虫技术应用合法性,php c des,连江网页seo哪个好,网站引导页模板下载,python 获取网页源码,微信原创模板第三方lzw
接下利用Javascript来实现效果。教学中的效果是只能点全选时全部选中，如果再点全选就不能全部反选，这里我通过自己的理解，加入了这个功能
| 代码如下 | 复制代码 |
window.onload=function(){ var oInput=document.getElementsByTagName(‘input’)
var ohk=document.getElementById(‘hk’)
ohk.onclick=function(){
var i=0;
if(ohk.checked==true){
for(i=0;i<oInput.length;i++)
{
oInput[i].checked=true;
}
}
else
{
for(i=0;i<oInput.length;i++)
{
oInput[i].checked=false; } }
};
};
|
个人感觉此种方法还是有所欠缺，他会将页面中所有的类型为input的选中.现在我们写了一个利用点击事件来进行全选也反选效果。
| 代码如下 | 复制代码 |
function selectAll()
{
obj=document.getElementsByName(‘range’);
for(var i=0;i<obj.length;i++)
{
//document.form1.range[i].checked=true;
obj.item(i).checked=true; }
}
function unSelect()
{
obj=document.getElementsByName(‘range’);
for(var i=0;i<obj.length;i++)
{
if(obj.item(i).checked)
{
obj.item(i).checked=false;
}
else
{
obj.item(i).checked=true;
}
}
}
1<!–
345
–>
|
这样如果结合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.liuzhongwei.com/PHPjc/628796.htmlwww.liuzhongwei.comtruehttp://www.liuzhongwei.com/PHPjc/628796.htmlTechArticle我要做的效果就是当我们打开页面时就自动把所有checkbox选中，原理是：先获取所有type为\’input \’的元素，然后各全选的那个选项添加点击事…