시골쥐
82
2018-11-09 17:35:19 작성 2018-11-09 17:40:23 수정됨
3
186

checkbox 전체버튼 클릭 도와주세요



<button class="selectall-btn" type="button" name="button">
           <input type="checkbox" class="selectAllMembers table-cell cancel-button" name="" placeholder="전체선택" value="" id="selectall-button1">
           <label class="selectAllMembers table-cell cancel-button" for="selectall-button1"></label>
           <span>전체</span>
</button>


var selectAll = document.querySelector(".selectall-btn");
selectAll.addEventListener('click', function(){ var objs = document.querySelectorAll(".memberChk"); for (var i = 0; i < objs.length; i++) { objs[i].checked = selectAll.checked; }; }, false); var objs = document.querySelectorAll(".memberChk"); for(var i=0; i<objs.length ; i++){ objs[i].addEventListener('click', function(){ var selectAll = document.querySelector(".selectall-btn");
for (var j = 0; j < objs.length; j++) { if (objs[j].checked == false) { selectAll.checked = false; return; }; }; selectAll.checked = true; }, false); }

select-btn을 클릭하면 전체 불이 들어오게 하고싶습니다.

 input(selectAllMembers)을 클릭 했을시 전체에 불이들어옵니다.

하지만 제가 하고싶은건 버튼을 클릭 했을시 들어오게 하고싶습니다. 도와주세요 

0
0
  • 답변 3

  • 포포핀
    449
    2018-11-09 17:51:45

    button 없애고

    label 을 css 이용해서 버튼 모양으로 만들면 됩니다.

    0
  • 시골쥐
    82
    2018-11-09 18:03:15

    포포핀

    답변감사합니다. 하지만

    label은 지금 background-image를 사용하고 있어서요.

    이미지랑 별개로 가능할까요?

    0
  • 시골쥐
    82
    2018-11-09 19:48:36

    포포핀 

    윗 부모를 label로 감싸니 해결했네요 감사합니다.

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.