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

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