헤르메스 LIFE

[jQuery] 체크박스 선택여부, checked처리 라디오버튼 선택과 해제 본문

JSP&JavaScript&HTML

[jQuery] 체크박스 선택여부, checked처리 라디오버튼 선택과 해제

헤르메스의날개 2016. 6. 15. 15:33
728x90

 

 

 

출처 : http://hobbiez.tistory.com/321

 

$("input:checkbox[id='ID']").is(":checked") == true : false /* by ID */ 
$("input:checkbox[name='NAME']").is(":checked") == true : false /* by NAME */ 

 

$("input:checkbox[id='ID']").prop("checked", true); /* by ID */ 
$("input:checkbox[name='NAME']").prop("checked", false); /* by NAME */ 

 

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

 

 

 

$(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); 
    }); 
}); 

 

    jQuery( function(){
      $( "input[name=checkall]:checkbox").click( function (){
        if ($("input[name=checkall]:checkbox" ).is( ":checked")){
         
            $( "input[name=chk]:checkbox" ).attr( "checked", "checked" );
        } else {
            $( "input[name=chk]:checkbox" ).removeAttr( "checked");
        }
      } )
    });

 

 

    var  v = '' ;
    var  c = 0;
    for ( var i = 0; i < $("input[name=chk]:checkbox" ).length; i++) {
      if ($( "input[name=chk]:checkbox")[i].checked == true ) {
        if (c > 0) v = v + "|" ;
        v = v + $( "input[name=chk]:checkbox" )[i].value;
        c++;
      }
    } 

 

728x90

'JSP&JavaScript&HTML' 카테고리의 다른 글

[JSON] 문자열을 JSON 으로.. StringToJson  (0) 2020.11.20
iFrame 높이 자동조절  (0) 2020.11.20
[Source] LocalHost, HostAddress  (0) 2016.06.15
[Javascript] Array Sort  (0) 2016.06.13
콤보박스(select)에서 Readonly  (0) 2016.05.11