jquery를 사용하여 IMG를 통해 체크 상자를 제어하십시오.

Question

페이지에서 ".latinAmerica"클래스의 이미지를 클릭 할 때 체크 박스의 체크 상태를 제어하고 싶습니다. 매번 클릭 할 때마다 확인/선택 취소해야합니다.

여러 가지 방법을 시도했지만 체크 박스에 적합한 것을 찾을 수 없습니다.

EG는 :

$('.latinAmerica').click(function() { 
    $('input:checkbox[name=theName]:nth(0)').attr('checked',true); 
}); 

그러나 체크 박스와 행운 :

$('.latinAmerica').click(function() { 
    if($('input:checkbox[name=theName]:nth(0)').is(':checked')) { 
     $('input:checkbox[name=theName]:nth(0)').attr('checked',true); 
    } else { 
     $('input:checkbox[name=theName]:nth(0)').attr('checked',false); 
    } 
}); 

또는

$('.latinAmerica').click(function() { 
    $("input:checkbox[name=theName]:nth(0)").prop("checked", true); 
}); 

나는 라디오 버튼 작업이 방법을 얻었다.

내가 잘못하고 :(오전

감사

Answer 1

$(function() { 
    $(".latinamerica").click(function() { 
     var cb = $("input[name='theName']"); 
     if(cb.is(":checked")) { 
      cb.prop("checked", ""); 
     } else { 
      cb.prop("checked", "checked"); 
     } 
    }); 
}); 

바이올린 :. http://jsfiddle.net/JFDxj/

Answer 2

조건은 그것이 이미 때 체크 checkedbox 즉 아무것도하지 않아야하므로 잘못된 경우 선택을 취소하면 선택 및 선택 취소됩니다.

$('.latinAmerica').click(function() { 
    if($('input:checkbox[name=theName]:nth(0)').is(':checked')) { 
     $('input:checkbox[name=theName]:nth(0)').attr('checked',false); 
    } else { 
     $('input:checkbox[name=theName]:nth(0)').attr('checked',true); 
    } 
});