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

본문 바로가기
사이트 내 전체검색

javascript&jQuery

[ jquery ] 체크박스 체크확인

작성자 웹지기
작성일 18-09-05 15:58 | 조회 4,246 | 댓글 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

댓글목록 0

등록된 댓글이 없습니다.

javascript&jQuery 목록

Total 63
게시물 검색

회원로그인

접속자집계

오늘
5,544
어제
31,923
최대
61,067
전체
18,315,468

그누보드5
Copyright © funyphp.com. All rights reserved.