JavaScript實現全選和全不選操作
阿新 • • 發佈：2021-09-11
本文例項為大家分享了實現全選和全不選操作的具體程式碼，供大家參考，具體內容如下
效果示例
預設狀態下：
勾選全選時：
任意取消勾選物品A/物品B/物品C時
實現程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
OEhlO<title>全選</title>
<script>
function myAll() {
var all = document.getElementById("all");
var oneList = document.getElementsByName("one");
for(var i = 0; i < oneList.length; i++) {
oneList[i].checked = all.checked;
}
}
function myOne() {
var all = document.getElementById("all");
var oneList = document.getElementsByName("one");
for(var i = 0; i < oneList.length; i++) {
if(oneList[i].checked == false) {
all.checked = false;
return;
}
}
all.checked = true;
}
<www.cppcns.com 以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。