jquery - 选中后禁用复选框

Question

我需要帮助来禁止复选框在第一次被选中后再次被选中。

这是我到目前为止所做的。

<label class="checkbox-inline"><input type="checkbox" id="checked" onclick="check();"></label>

        <script type="text/javascript">
        function check() {
          if($("#checked").is(":checked")){
             alert("Thanks for Attending");
            $(this).attr('disabled','disabled');
            }
          }
    }
    </script>

Answer 1

请检查此代码段。

function check() {
  if($("#checked").is(":checked")){
    alert("Thanks for Attending");
    //Code to disable checkbox after checked
    $('#checked').attr('disabled', true);
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<label class="checkbox-inline"><input type="checkbox" id="checked" onclick="check();"></label>