$(document).on('change', '.allChk', function (){ if(this.checked){ $.each($(".userInfoCheckBox:checked"), function (idx, chkBox){ addUserToSelectedList($(chkBox).parents('tr')); }) }else{ $.each($(".userInfoCheckBox"), function (idx, chkBox){ if(!chkBox.checked){ removeUserToSelectedList($(chkBox).parents('tr').find(".userSeq").val()); } }) } }) $(document).on('click', '.userInfoTr', function (event){ const checkBox = $(this).find(".userInfoCheckBox")[0] if(event.target.name !== 'userChk'){ checkBox.checked = !checkBox.checked; } if(checkBox.checked){ addUserToSelectedList($(this)) }else{ removeUserToSelectedList($(this).find(".userSeq").val()); } }) function setSelectedChkBox(){ $.each(selectedList, function (idx, item){ $(".userInfoCheckBox[value="+item.userSeq+"]").prop("checked", true); }) } function addUserToSelectedList(tr){ const userSeq = tr.find(".userSeq").val(); let flag = true; $.each(selectedList, function (idx, user){ if(user.userSeq===userSeq){ flag = false; } }) if(flag){ selectedList.push({ userSeq: tr.find(".userSeq").val(), ogCd: tr.find(".ogCd").val(), ofcCd: tr.find(".ofcCd").val(), titleCd: tr.find(".titleCd").val(), userNm: tr.find(".userNm").val() }) } } function removeUserToSelectedList(userSeq){ const tempList = []; $.each(selectedList, function (idx, user){ if(user.userSeq !== userSeq){ tempList.push(user); } }) selectedList = tempList; }