javascript - 使用 jquery 通过 IMG 控制复选框

Question

当用户单击页面中“.latinAmerica”类的图像时，我想控制复选框的选中状态。每次点击都应选中/取消选中它。

我尝试了很多不同的方法，但找不到任何适合复选框的方法。

EG:

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

我确实让这个方法与单选按钮一起使用:

$('.latinAmerica').click(function () {  
    $('input:checkbox[name=theName]:nth(0)').attr('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");
        }
    });
});

fiddle :http://jsfiddle.net/JFDxj/