全选全不选的效果

最新推荐文章于 2021-04-08 15:34:02 发布

chuzhai5214

最新推荐文章于 2021-04-08 15:34:02 发布

阅读量125

点赞数

原文链接：https://my.oschina.net/u/3823654/blog/1817447

版权

<html><head>全选全不选效果</head><Script>function selectall(){var allcheck=document.getElementsByName('favorite')//实现全选全不选的效果for(var i=0;i<allcheck.length;i++}{allcheck[i].checked!=allcheck[i].checked;}//来获得按钮对象，并动态更新起文本 var desc =document.getElementById('btn').value;if(desc='全选'){document.getElementById('btn').value='全不选';else{document.getElementById('全选');}</script><body><p>请选择你喜欢的</p><input type='checkbox' name='favorite'>游泳<input type='checkbox' name='favorite'>健身<input type='checkbox' name='favorite'>爬山<input type='button' id='btn' value='全选' οnclick='selectall(this)'>//onclick事件点击全选触发这个事件</body></html>

转载于:https://my.oschina.net/u/3823654/blog/1817447