javascript - 想要使用 jquery 单击特定按钮时禁用我的复选框(变灰)

Question

想要在使用 jquery 单击特定按钮时禁用我的复选框(变灰):

我的代码如下:

<div id="nameTesting">
<div class="checkbox">
    <label>
        <input checked="checked" data-val="true" data-val-required="The Value field is required." id="Name_Value" name="Name.Value" type="checkbox" value="true">
        <input name="Name.Value" type="hidden" value="false">
        Show My name
    </label>
</div>

Answer 1

$('#disableCheckbox').click(function() {
  $('#Name_Value').prop('disabled', true);
  $('.checkbox').css({
    color: '#bbb'
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="nameTesting">
<div class="checkbox">
    <label>
        <input checked="checked" data-val="true" data-val-required="The Value field is required." id="Name_Value" name="Name.Value" type="checkbox" value="true">
        <input name="Name.Value" type="hidden" value="false">
        Show My name
    </label>
</div>

<button id='disableCheckbox'>Disable</button>