除非单击一个复选框，否则如何禁用Checkbox

Question

我有两个复选框，当单击一个复选框时，必须启用另一个复选框，否则应禁用它（复选框和文本）

HAML代码：

  %label.checkbox
      = check_box_tag 'Name'
      Name
    %label.checkbox
      = check_box_tag 'Description'
      Description

Answer 1

你可以使用一点点jQuery：

HTML：

<input type="checkbox" class="enabler" />
<input type="checkbox" class="optional" disabled />
<input type="checkbox" class="optional" disabled />

JS：

$(".enabler").on("change", function(e) {
    $(".optional").prop("disabled", !$(this).prop("checked"));
});

http://jsfiddle.net/G7pst/

Answer 2

嗯，听起来你正试图过分复杂单选按钮可以提供的功能

Answer 3

HTML

<input type="checkbox" onclick="func();" />
<input type="checkbox" id="dis"  disabled="disable" />

JQuery的

    function func(){
    var optObj = $("checkbox#dis");
     if(optObj.attr("disabled"))
     optObj.removeAttr("disabled");
     else
     optObj.attr("disabled", "disable");
}