checkbox实现全选的多种方法 不断更新 <font color=red>原创</font>_Javascript教程-查字典教程网
checkbox实现全选的多种方法 不断更新 原创
checkbox实现全选的多种方法 不断更新 原创
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下://第一种方法functionselectall1(){vara=document.getElementsByTagNam...

复制代码 代码如下:

<scriptlanguage=javascript>

//第一种方法

functionselectall1()

{

vara=document.getElementsByTagName("input");

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

for(vari=0;i<a.length;i++)

if(a[i].type=="checkbox")a[i].checked=false;

}

else

{

for(vari=0;i<a.length;i++)

if(a[i].type=="checkbox")a[i].checked=true;

}

}

//第二种方法

functionselectall2(){

vartform=document.forms['form1'];

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

{

vare=tform.elements[i];

if(e.type=="checkbox")

e.checked=!e.checked;

}

}

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

functionselectall3()

{

vara=document.getElementsByTagName("input");

for(vari=0;i<a.length;i++)

if(a[i].type=="checkbox")a[i].checked=!a[i].checked;

}

//第四种方法

functionselectall4(id){//用id区分

vartform=document.forms['form1'];

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

vare=tform.elements[i];

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

}

}

//第五种方法

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

vartform=document.forms[theform];

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

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

vare=tform.elements[i];

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

}

}

</script>

<formid="form1"name="form1"method="post"action="">

<inputtype="checkbox"name="sid"value="1"/>

<inputname="thes"type="button"onclick="javascript:selectall3()"value="全选"/>

</form>

//第一种方法 function selectall1() { var a = document.getElementsByTagName("input"); if(a[0].checked==true){ for (var i=0; i

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类