首页 >

javascrip全选效果之学习笔记

php教程|php手册javascrip全选效果之学习笔记
javascrip,全选,效果,之,学习,笔记,我,要做,效果,就是,当,我们,打开,页面,时,就,自动,把,所,
php教程-php手册
我要做的效果就是当我们打开页面时就自动把所有checkbox选中,原理是:先获取所有type为\’input \’的元素,然后各全选的那个选项添加点击事件。如果全选项被经被选中,则通过循环使得每个元素的\’checked\’属性变为true,否则变成false.
深圳云交易源码开发,ubuntu怎么建raid,监控tomcat不运行重启,爬虫python用处,php怎么实现会员时间,seo如何优化一个网seolzw
document.getElementById(‘ ‘)是某个元素的id特性来获取某个指定的元素,返回的是一个对象。document.getElementById(‘ ‘) 是根据控件TAG(type属性)获取这个控件对象,返回的是一个对象数组;
传奇3 源码搭建方法,vscode可以用苹果笔记本吗,Ubuntu安装选区,tomcat初始内存是多大,爬虫ajax翻页,php 微网站开发,十堰本地seo推广哪家好lzw
要实现一个全选的效果,得先定义一组选项。
海外购物网站源码免费下载,vscode网页频繁刷新,编译 ubuntu 系统,tomcat自己停了,sqlite设置自增字段值,黄山市爬虫工程师招聘,怎么运行.php文件,什么是seo 留痕,怎样查看网站的程序代码,物流公司网页模板,微信结婚邀请模板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教学吧,有需要的朋友可学习交流。


javascrip全选效果之学习笔记
  • 使用php转义输出HTML到JavaScript
  • 使用php转义输出HTML到JavaScript | 使用php转义输出HTML到JavaScript ...

    javascrip全选效果之学习笔记
  • 使用php转义输出HTML到JavaScript
  • 使用php转义输出HTML到JavaScript | 使用php转义输出HTML到JavaScript ...

    javascrip全选效果之学习笔记
  • 用JavaScript将Canvas内容转化成图片办法详解
  • 用JavaScript将Canvas内容转化成图片办法详解 | 用JavaScript将Canvas内容转化成图片办法详解 ...