1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html复选框全选怎么实现 js html css实现复选框全选与反选

html复选框全选怎么实现 js html css实现复选框全选与反选

时间:2022-12-26 18:20:30

相关推荐

html复选框全选怎么实现 js html css实现复选框全选与反选

本文实例为大家分享了js复选框全选与反选实现代码,供大家参考,具体内容如下

html+css+js实现复选框全选与反选

table,tr,td

{

border:1px solid red;

}

function quanxuan()

{

for(var i=1;i<=3;i++)

{

var cbox_id="cb"+i;

var cbox=document.getElementById(cbox_id);

//alert(cbox.value);

if(document.getElementById("cb_quanxuan").checked)

cbox.checked=true;

else

cbox.checked=false;;

}

}

function fanxuan()

{

for(var i=1;i<=3;i++)

{

var cbox_id="cb"+i;

var cbox=document.getElementById(cbox_id);

if(document.getElementById("cb_fanxuan").checked)

{//选中反选框

if(cbox.checked)

cbox.checked=false;

else

cbox.checked=true;

}

else

{

if(cbox.checked)

cbox.checked=false;

else

cbox.checked=true;

}

}

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持PHP中文网。

更多js html css实现复选框全选与反选相关文章请关注PHP中文网!

声明:发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@处理

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。