溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章給大家介紹一下使用JavaScript實現“全選”和"全不選"功能的方法，文中通過示例代碼介紹的非常詳細。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。
代碼如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<script>
function clickon() {
// 獲取到body中所有checkbox
var checkbox = document.querySelectorAll("input[type='checkbox']");
for (var i = 0; i < checkbox.length; i++) {
checkbox[i].checked = true;
}
}
function unclick() {
var checkbox = document.querySelectorAll("input[type='checkbox']");
for (var i = 0; i < checkbox.length; i++) {
checkbox[i].checked = false;
}
}
</script>
<body>
<form>
<input type="checkbox">吃
<input type="checkbox">喝
<input type="checkbox">拉
<input type="checkbox">撒
<input type="button" value="全選" onclick="clickon()">
<input type="button" value="全不選" onclick="unclick()">
</form>
</body>
</html>效果
以上就是JavaScript實現“全選”和"全不選"功能的詳細內容，更多請關注億速云其它相關文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
