checkbox实现全选的多种方法 不断更新[原创]_表单特效

web前端|js教程

checkbox实现全选的多种方法

web前端-js教程

在线图片处理 源码,ubuntu 程序删除命令,tomcat启动后有关闭,小爬虫子,网站php源码加速,六安seo优化需要多少钱lzw

//第一种方法

function selectall1()

{

var a = document.getElementsByTagName("input");

if(a[0].checked==true){

for (var i=0; iif (a[i].type == "checkbox") a[i].checked = false;

}

else

{

for (var i=0; iif (a[i].type == "checkbox") a[i].checked = true;

}

}

//第二种方法

function selectall2() {

var tform = document.forms[form1];

for (var i=0;i<tform.length;i++)

{

var e = tform.elements[i];

if (e.type == "checkbox")

e.checked = !e.checked;

}

}

//第三种方法，结合上述两种方法

function selectall3()

{

var a = document.getElementsByTagName("input");

for (var i=0; iif (a[i].type == "checkbox") a[i].checked =!a[i].checked;

}

//第四种方法

function selectall4(id){ //用id区分

var tform=document.forms[form1];

for(var i=0;i<tform.length;i++){

var e=tform.elements[i];

if(e.type=="checkbox" && e.name==id) e.checked=!e.checked;

}

}

//第五种方法

function selectall(theform,thename){ //theform指定的form,thename是checkbox的name属性

var tform=document.forms[theform];

document.getElementById("thewen").value=反选;

for(var i=0;i<tform.length;i++){

var e=tform.elements[i];

if(e.type==checkbox && e.name==thename)e.checked=!e.checked;

}

}

//第一种方法

function selectall1()

{

var a = document.getElementsByTagName(“input”);

if(a[0].checked==true){

for (var i=0; i

lacp源码,vscode资源管理器,ubuntu 损伤硬盘,tomcat支持域名和ip,python爬虫 黑客,php 企业建站cms,天河seo优化关键词公司lzw

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]PS:上述三种方法，都可实现效果，但如果想实现(全选|反选)，就需要根据要求添加

促销网源码,vscode 升级版本,ubuntu 7721端口,tomcat集群项目发布,爬虫10054,php中匿名函数的作用,福清专业seo哪家好,公司网站整站程序下载 php,电脑购物网站代码模板下载lzw