> 웹 프론트엔드 > JS 튜토리얼 > jquery_jquery의 확인란 작동에 대한 12가지 팁 요약

jquery_jquery의 확인란 작동에 대한 12가지 팁 요약

WBOY
풀어 주다: 2016-05-16 17:01:23
원래의
997명이 탐색했습니다.

1. 단일 체크박스 선택 항목 가져오기(3가지 쓰기 방법)
$("input:checkbox:checked").val()
또는
$("input : [type='checkbox']:checked").val();
또는
$("input:[name='ck']:checked").val();

2. 여러 체크박스 선택 항목 가져오기
$('input:checkbox').each(function() {
                                                                            ) ==true) {
                                                                                            

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(index value).attr('checked', 'true') ; 인덱스 값=0,1,2....또는
$('input:radio').slice(1,2).attr('checked', 'true');


6. 여러 개의 확인란을 선택하고 첫 번째와 두 번째 확인란을 동시에 선택하세요.

$('input:radio').slice(0,2).attr('checked' , '사실');
7. 값 값에 따라 확인란을 선택한 값으로 설정합니다

$("input:checkbox[value='1']").attr('checked','true ');
8. Value=1인 확인란을 삭제합니다

$("input:checkbox[value='1']").remove();
9. 어떤 체크박스를 삭제할까요?

$("input:checkbox").eq(index value).remove(); 세 번째 확인란을 삭제하려면:
$("input:checkbox").eq(2).remove();


10. 트래버스 체크박스

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


11. 모두 선택

$('input:checkbox').each(function() {                                                                                        >});

12. 모두 선택 취소

$('input:checkbox').each(function () {

                                                       🎜>});

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿