提问者:小点点

如何在jQuery中使用type=“text”的$(this)运算符禁用输入字段?


如何在jQuery中使用type=“text”的$(this)运算符禁用输入字段?

null

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-sm-12">
  <div class="medical col-sm-6">
    <label class="radio">
      <input class="box" name="diabetes_complications[]" type="checkbox" value="Coronary Artery Diseases (CAD)">
      <span>Coronary Artery Diseases (CAD)</span>        
    </label>
  </div>

  <div class="input-field col-sm-2">
    <input class="validate, timepicker" name="coronary_artery_diseases" type="text">
    <label for="Date">Date</label>
  </div>
</div>

null


共1个答案

匿名用户

请下次再发一些努力

null

$(function() {
  $("[name='diabetes_complications[]']").on("click",function() {
    $("[name=coronary_artery_diseases]").prop("disabled",this.checked);
  })
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-sm-12">
  <div class="medical col-sm-6">
    <label class="radio">
      <input class="box" name="diabetes_complications[]" type="checkbox" value="Coronary Artery Diseases (CAD)">
      <span>Coronary Artery Diseases (CAD)</span>        
    </label>
  </div>

  <div class="input-field col-sm-2">
    <input class="validate, timepicker" name="coronary_artery_diseases" type="text">
    <label for="coronary_artery_diseases">Date</label>
  </div>
</div>