<ul class="" style="">
<li>
<input type="checkbox" name="inAll"
onclick='checkSelectAll(event)' value="inAll" id="1">
<label for="1">전체</label>
</li>
<li>
<input type="checkbox" name="in[]" class="in"
onclick='selectAll1(this)' value="1" id="2">
<label for="2">1</label>
</li>
<li>
<input type="checkbox" name="in[]" class="in"
onclick='selectAll1(this)' value="2" id="3">
<label for="3">2</label>
</li>
<li>
<input type="checkbox" name="in[]" class="in"
onclick='selectAll1(this)' value="3" id="4">
<label for="4">3</label>
</li>
<li>
<input type="checkbox" name="in[]" class="in"
onclick='selectAll1(this)' value="4" id="5">
<label for="5">4</label>
</li>
</ul>
// .in은 class 를 써주기
function checkSelectAll(e) {
if(e.target.checked) {
document.querySelectorAll(".in").forEach(function(v, i) {
v.checked = false;
});
} else {
document.querySelectorAll(".in").forEach(function(v, i) {
v.checked = false;
});
}
}
function selectAll1(selectAll) {
let checkCount = 0;
document.querySelectorAll(".in").forEach(function(v, i) {
if(v.checked === false){
checkCount++;
}
});
if(checkCount>0) {
document.getElementById("1").checked = false;
} else if(checkCount === 0) {
document.getElementById("1").checked = true;
document.querySelectorAll("." + classname).forEach(function(v, i) {
v.checked = false;
});
}
}