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");
        }
    });
});

小提琴：http://jsfiddle.net/JFDxj/

Answer 2

if条件错误，因此它必须不执行任何操作，例如复选框在已经选中时被选中，并且在已经取消选中时取消选中。

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

使用jquery通过IMG控制一个复选框

2 个答案: