JQuery CheckBox(체크박스) 작업 방법 요약_jquery

1. 단일 체크박스 선택 항목 가져오기(3가지 작성 방법):

코드 복사 코드는 다음과 같습니다.

$("입력:체크박스:체크됨").val()

또는

코드 복사 코드는 다음과 같습니다.

$("input:[type='checkbox']:checked").val();

또는

코드 복사 코드는 다음과 같습니다.

$("input:[name='ck']:checked").val();

2. 여러 개의 체크박스 선택 항목 가져오기:

코드 복사 코드는 다음과 같습니다.

$('입력:체크박스').each(function() {
If ($(this).attr('checked') ==true) {
경고($(this).val());
            }
});

또는

코드 복사 코드는 다음과 같습니다.

('입력:체크박스').map(함수 () {                                       Return(this).val();
}).get().join(',') ;

3. 첫 번째 확인란을 선택한 값으로 설정합니다.

코드 복사 코드는 다음과 같습니다.

$('input:checkbox:first').attr("checked",'checked');

또는

코드 복사 코드는 다음과 같습니다.

$('input:checkbox').eq(0).attr("checked",'true');

4. 마지막 체크박스를 선택한 값으로 설정합니다:

코드 복사 코드는 다음과 같습니다.

$('input:radio:last').attr('checked', 'checked');

또는

코드 복사 코드는 다음과 같습니다.

$('input:radio:last').attr('checked', 'true');

5. 인덱스 값을 기반으로 확인란을 선택한 값으로 설정합니다.

코드 복사 코드는 다음과 같습니다.

$('input:checkbox).eq(색인 값).attr('checked', 'true');색인 값=0,1,2....

또는

코드 복사 코드는 다음과 같습니다.

$('input:radio').slice(1,2).attr('checked', 'true');

6. 여러 확인란을 선택합니다.
첫 번째와 두 번째 확인란을 동시에 선택하세요.

코드 복사 코드는 다음과 같습니다.

$('input:radio').slice(0,2).attr('checked','true');


7. 값 값을 기준으로 확인란을 선택한 값으로 설정합니다.

코드 복사 코드는 다음과 같습니다.

$("input:checkbox[value='1']").attr('checked','true');

8. 값=1인 확인란을 삭제합니다.

코드 복사 코드는 다음과 같습니다.

$("input:checkbox[value='1']").remove();

9. 삭제할 체크박스:

코드 복사 코드는 다음과 같습니다.

$("input:checkbox").eq(색인값).remove(); 색인값=0,1,2....

예를 들어 세 번째 확인란을 삭제합니다.

코드 복사 코드는 다음과 같습니다.

$("입력:체크박스").eq(2).remove();

10. 트래버스 체크박스:

코드 복사 코드는 다음과 같습니다.

$('input:checkbox').each(함수 (index, domEle) {
//코드 작성
});

11. 모두 선택

코드 복사 코드는 다음과 같습니다.

$('입력:체크박스').each(function() {
$(this).attr('checked', true);
});

12. 모두 선택 취소:

코드 복사 코드는 다음과 같습니다.

$('입력:체크박스').each(함수 () {
$(this).attr('checked',false);
});