Хотите, чтобы мой флажок был отключен (выделен серым цветом) при нажатии определенной кнопки, используя 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>

Answer 2

Попробуйте это:

$("#Name_Value").prop('disabled', true);

Answer 3

Скопируйте этот код в событие / функцию нажатия кнопки

$("#Name_Value")[0].disabled=true;