Front

javascript checkbox 값 가져오기

킨글 2023. 1. 10. 10:42

 

 

<input type="checkbox" name="basketList" data-id="111" checked>
<input type="checkbox" name="basketList" data-id="222" checked>
<input type="checkbox" name="basketList" data-id="333">

<script>
    document.querySelector("#updatePwd").onclick = (event) => {
        let query = 'input[name="basketList"]:checked';
        let selectedEls = document.querySelectorAll(query);
        let result = '';
        selectedEls.forEach((el) => {
           result += el.getAttribute("data-id")+",";
        });        
    }
    console.log(result);
</script>