2015. 3. 18. 16:07ㆍFrontEnd/Web
jQuery checkbox 컨트롤
1. checkbox checked 여부 :
id인 경우 : $('input:checkbox[id="checkbox_id"]').is(":checked") == true
name인 경우 : $('input:checkbox[name="checkbox_name"]').is(":checked") == true
=> $('input[id="checkbox_id"]') + 옵션 형태로 작성 해도 문제는 없다
Ex) $('input[name="checkbox_name"]').is(":checked")
2. checkbox 전체 갯수 : $('input:checkbox[name="checkbox_name"]').length
3. checkbox 선택된 갯수 : $('input:checkbox[name="checkbox_name"]:checked').length
* 2,3번은 name 인 경우에만 가능
4. checkbox 전체 순회 하며 처리(동일한 name으로 여래개인 경우 전체를 컨트롤 할 수 있다.)
$('input:checkbox[name="checkbox_name"]').each(function() {
this.checked = true; //checked 처리
if(this.checked){//checked 처리된 항목의 값
alert(this.value);
}
});
5. checkbox 전체 순회 하며 값을 값을 비교하여 checked 처리
$('input:checkbox[name="checkbox_name"]').each(function() {
if(this.value == "비교값"){ //값 비교
this.checked = true; //checked 처리
}
});
* 동일한 name 으로 1개 or 여러개 있을 경우에는 같은 name 으로 된 모든 checkbox 가 checked 처리된다.
6. checkbox value 값 가져오기 : $('input:checkbox[id="checkbox_id"]').val(); //단일건
7. checkbox checked 처리 하기 : $('input:checkbox[id="checkbox_id"]').attr("checked", true); //단일건
8. checkbox checked 여부 간단 확인: $("#checkbox_id"]').is(":checked"); //단일건
'FrontEnd > Web' 카테고리의 다른 글
[php] phpinfo() core 설명 (0) | 2015.03.24 |
---|---|
[php]크롬 익스 인코딩 euc-kr => utf-8 (0) | 2015.03.24 |
[php]변수명조합 (0) | 2015.03.17 |
크롬 input 자동완성 (0) | 2015.03.17 |
[php] 싱글톤 패턴 구현 (0) | 2015.03.06 |