[ jquery ] 체크박스 체크확인 > javascript&jQuery

본문 바로가기

사이트 내 전체검색

javascript&jQuery

[ jquery ] 체크박스 체크확인

작성일 18-09-05 15:58

페이지 정보

작성자 웹지기 조회 3,014회 댓글 0건

본문

checked 여부 확인

ID일 경우 ==> $("input:checkbox[id='ID']").is(":checked") == true : false

NAME일 경우 ==> $("input:checkbox[name='NAME']").is(":checked") == true : false


checked/unchecked 처리

ID일 경우 ==> $("input:checkbox[id='ID']").prop("checked", true);

NAME일 경우 ==> $("input:checkbox[name='NAME']").prop("checked", false);


특정 라디오버튼 선택 / 모든 라디오버튼 선택해제

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

$("input:radio[name='NAME']").removeAttr("checked");


전체선택 html

<label><input type='checkbox' id='check_all' class='input_check' /> </label><b>전체선택</b>

<ul class='select_subject'>

    <li><label><input type='checkbox' class='input_check' name='class[1]' value='1' /></label> <b>1</b></li>

    <li><label><input type='checkbox' class='input_check' name='class[2]' value='2' /></label> <b>2</b></li>

</ul>


전체선택 jquery

<script>

$(function(){

    $("#check_all").click(function(){

        var chk = $(this).is(":checked"); //.attr('checked');

        if(chk) $(".select_subject input").prop('checked', true);

        else  $(".select_subject input").prop('checked', false);

    });

});

</script>


추천0

비추천 0

댓글목록

등록된 댓글이 없습니다.

전체 63건 3 페이지

이미지 목록

게시물 검색
Copyright © 즐거운 코딩 생활 ( funyphp ). All rights reserved.
PC 버전으로 보기