HTML+JS 全选与取消全选功能

<!--            全选框-->
<input type="checkbox" class="box-title" onclick="selectAll()">
<!--      需要被选中的部分-->
<input name='box' type='checkbox'>
<input name='box' type='checkbox'>
<input name='box' type='checkbox'>
<input name='box' type='checkbox'>

var isCheckAll = false;
function selectAll() {
// 取消全选
if (isCheckAll) {
$("input[name='box']").each(function() {
this.checked = false;
this.parentNode.parentNode.style.backgroundColor="";
       });
       isCheckAll = false;
    }
    // 全选
    else {
      $("input[name='box']").each(function() {
       this.checked = true;
        this.parentNode.parentNode.style.backgroundColor="#F78181";
     });
     isCheckAll = true;
    }
}