Question

当我选中另一个复选框时，我试图取消激活一个复选框，当我取消选中另一个复选框时再次激活它。

我已经制作了这个片段：

    $(document).ready(function(){
        $('#inputManholeStrDist1').click(function(){
            $("#inputManhole_LC_Dist").prop("disabled", !this.checked);

        }); 
    });

但它反过来有效。当我最初点击复选框时没有任何反应，当我取消它时，另一个复选框被禁用。我在这里缺少什么？

Answer 1

您需要撤消您的条件，因为您希望禁用状态与复选框的已选中状态相同

$(document).ready(function () {
    $('#inputManholeStrDist1').change(function () {
        $("#inputManhole_LC_Dist").prop("disabled", this.checked);
    }).change();//to set the initial state
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" id="inputManholeStrDist1" checked />
<input type="checkbox" id="inputManhole_LC_Dist" />

Answer 2

$(document).ready(function(){
   $("#inputManholeStrDist1").click(function(){
     if($(this).is(':checked')){
        $("#inputManhole_LC_Dist").attr("disabled","disabled");
     }else{
       $("#inputManhole_LC_Dist").removeAttr("disabled");
     }
  });
});

使用jQuery选择另一个时，取消激活一个复选框

2 个答案: