选择单选按钮时，选中并禁用复选框

Question

我还在学习jquery，但这就是我想要的

如果选择了值为“16”的单选按钮，我想要选中类新闻稿的复选框，然后无法取消选中。

如果取消选择值为16的单选按钮，我希望能够再次使用该复选框。

Answer 1

没有看到你的HTML，我假设一个简单的案例。 这里有一些简短的jQuery来做你要求的：

$('input[type="radio"]').click(function() {
    $('input.newsletter').attr({
        'checked': $(this).val() == 16,
        'disabled': $(this).val() == 16
    });
});​

jsFiddle例子 。

Answer 2

$("input[type=radio][name=<your radio button set name here>]").changed( function () {
    if ($("input[type=radio][name=<your radio button set name here>]").val() == "16") {
        $("input[type=checkbox].newsletter").attr('checked', 'checked');
        $("input[type=checkbox].newsletter").attr('disabled', 'disabled'); //this is one way to make it not unselectable
    }
    else {
        $("input[type=checkbox].newsletter").removeAttr('disabled');
    }
}

使其无法取消选择的另一种方法是在上面的if下面的第二行的位置（旁边有注释的那个）put stayChecked = true; 并把stayChecked = false; 代替$(...).removeAttr('disabled'); 。 然后创建另一个函数，如下所示：

$("input[type=checkbox].newsletter").changed( function () {
    if (stayChecked) {
        $(this).attr('checked', 'checked');
    }
});

注意：你应该在一个公共级别上的两个函数之外的某个地方声明var stayChecked （即在脚本级别或父函数内部，如果它们在内部声明，比如说，$（document）.ready（）函数）。