实现按钮全选的功能

本文介绍了一个简单的全选按钮的实现方法,通过JavaScript控制多个复选框的状态,用于勾选喜欢的运动项目。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<script>

function checkAll(ok){

var list=document.getElementsByTagName("input");
for (var i = 0; i <list.length; i++) {
if(list[i].type=="checkbox"){
list[i].checked=ok;
}

}

}

</script>

<body>

<h3 >你喜爱的运动</h3>

<input type="checkbox" >游泳<br>

<input type="checkbox" >跑步<br>

<input type="checkbox" >骑马<br>

<input type="checkbox" >标枪<br>

<input type="checkbox" onclik="checkAll(this.checked)">全选<br>

</body>