본문 바로가기

Paul Work/HTML

JQuery chekbox, radio, select box 사용 예제

==========================================================================================================
자료출처 :
http://blog.naver.com/rainyray/30068037948
자료 스크랩에 대해 문제가 된다면 삭제 토록 하겠습니다.
연락처 :
baboty7@paran.com
==========================================================================================================

================< Check Box Start >================
$("input[name=cUse]")[0].checked
$("input[name=cUse]").attr("checked", (chk== '1' ? 'checked' : ''));

$('#id').click(function() {
       var ischecked = $('#id').attr('checked');
       if(ischecked){
           alert("CHECK");
       }else{
           alert("UNCHECK");
       }
 });

 $('#checkbox_name').click(function() {
      var checkboxCnt = $("input:checkbox").length; // 체크박스 전체 갯수
      var checkYn = $('#all').attr('checked');
      if(checkYn){
          $('input:checkbox').attr('checked',true);
          $('input:checkbox').attr('disabled',true);
          $('#checkbox').attr('disabled',false);
      }else{
          $('input:checkbox').attr('checked',false);
          $('input:checkbox').attr('disabled',false);
      }
  });
================< Check Box End >================

================<  Radio 선택된 값 가져오기 Start >================

$("input[@name=rList][@checked]").val();
$(":input:radio[name=courseGubun]:checked").val();

radio의 value값으로 선택하기
 $("input[name=rList]").filter(function() {if (this.checked) return this;}).val()
================<  Radio 선택된 값 가져오기 End >================

================<  Select Box 선택된 값 가져오기 Start >================
select box 선택된 값 가져오기
  $("#ddl > option:selected").val();

select box의 value값으로 선택하기
  $("#ddl > option[@value="+sValue+"]").attr("selected", "true"); 
================<  Select Box선택된 값 가져오기 End >================