JQuery로 체크 박스가 선택되었는지 어떻게 확인합니까?

Question

사용자가 페이지에서 체크 박스를 선택한 경우 클릭 기능을 허용하려고합니다. 그렇지 않으면 #additional_foreign 버튼에 클래스를 추가하고 싶습니다.

나는 가깝다고 생각하지만 작동하지 않는 것 같습니다.

if($('#foreign_checkbox').attr('checked')) { 
    $('#additional_foreign').click(function() { 
     alert('This click function works'); 
    }); 
} else { 
    $('#additional_foreign').addClass('btn_disable'); 
} 

내가 확인란을 선택하면,이 클릭 기능을 허용하지 않습니다 내가 체크 박스를 체크 해제하면, 그것은 또한 예상대로 클래스를 추가하지 않습니다 : 다음은 내 코드입니다.

내가 뭘 잘못하고 있니?

편집 : 여기에 설명을위한 HTML이 나와 있습니다.

이

<input id="foreign_checkbox" type="checkbox" /> 
<span id="additional_foreign">Click Me</span> 

Answer 1

시도 $('#foreign_checkbox').is(":checked")를 사용하여 - 코드의 나머지 부분이 잘 보이는 이것이 내가하기 위해 이런 일을 할 거라고 내 코드라면

가 작동 :

<input id="foreign_checkbox" type="checkbox" /> 
<span style='display:none' id="additional_foreign">Click Me</span> 

<script type="text/javascript"> 
    $(document).ready(function() { 

     $("#foreign_checkbox").click(function() { 
      if($('#foreign_checkbox').is(':checked')) { 
       $('#additional_foreign').show(); 
      } else { 
       $('#additional_foreign').hide(); 
      } 
     }); 

     $('#additional_foreign').click(function() { 
      alert('This click function works'); 
     }); 
    }); 
</script> 

Answer 2

문제는 그 코드가 계속 실행되지 않고 페이지가로드 될 때만 모든 상자가 선택 취소됩니다. 당신은 버튼 액션이나 클래스를 추가하는 확인란을 선택하거나 선택 해제 할 때 발사하는 행동을해야합니다

$('#foreign_checkbox').change(function(){ 
    if (this.checked){ 
     $('#additional_foreign').click(function() { 
      doSomething(); 
     }); 
    } else { 
     $('#additional_foreign').addClass('btn_disable'); 
    } 
});