jQuery checkbox

최고관리자 — Tue, 12 Dec 2017 16:38:36 +0900

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"); //단일건

jQuery radio

최고관리자 — Tue, 12 Dec 2017 15:10:39 +0900

1. 체크된 radio의 value 가져오기

var radioVal = $(':radio[name="radioValue"]:checked').val();

2. radio 버튼 체크하기

// name이 radioValue고, value가 Y인 라디오 버튼 체크

$('input:radio[name=radioValue]:input[value="Y"]').attr("checked", true);

// id가 confirm인 radio 체크

$('#confirm').attr("checked", true);