지난 셀렉 박스에 이어서 체크박스
우리는 웹 개발을 하다보면 다중 셀렉박스 선택에 대한 처리를 요구받을 일이 많을거라 생각된다
지난번과 마찬가지로 같은 역활을하는 다중 input 타입을 name으로 묶는다.
묶은 태그를
var $checkbox=$('input[name=checkboxList'); 로 가져온다
( 변수 앞에 $을 붙이는 이유는 변수를 Jquery 성질을 사용할수있게 하기위해서이다 )
( 만약 $가 없다면 해당 jquery의 메소드를 사용하지못한다 )
가져온 변수를 지난번처럼 each 반복문을 사용할 것이다.
$.each($checkbox, function(index,element){
console.log($(element).is(":checked"))
})
를 하게되면 모든 체크박스의 element가 각각 true/false로 값이 표시된다.
여기서 자기가 필요로하는 로직을 $(element).val() 등 다양하게 사용하면된다
여기서 is는 element(this) 에 checked가 있는지 확인하는 방법으로 true/false를 반환한다
또하나 기억할껀 checked 앞에 " : " 을 붙이는것인데 , tag가 있는지확인할때는 붙이지 않는다.
정말 손많이가네..
-더 좋은 방법이있거나 오류가있다면 댓글로 남겨주세요 ㅠ
