javascript - 我想在jquery或javascript中选中复选框时启用文本框

我想在选中复选框时从模式弹出窗口中的ajax页面中加载表单内容，但希望它不起作用并且在浏览器控制台中未显示任何错误时启用文本框。

function cash(cash) {
  if ($(cash).is(':checked')) {
    $('#cashAmount').attr("disabled", false);
  } else {
    alert("checkbox is not checked");
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-12 field-option">
  <strong>Cash</strong> <input type="checkbox" name="cash" id="cash" onclick="cash(this)">
</div>
<div class="col-md-6 col-sm-6 custom_field">
  <!-- custom_field -->
  <span><strong>Amount <i>*</i></strong></span>
  <input type="text" name="cashAmount" id="cashAmount" class="form-control" disabled>
</div>

最佳答案

您需要做的是：

function cash(cash) {
 var getthevalue = $(cash).attr('id');
  if (getthevalue.is(':checked')) {
    $('#cashAmount').attr("disabled", false);
  }
  else{
    alert("checkbox is not checked");
  }
}

这是因为通过时：

<strong>Cash</strong> <input type="checkbox" name="cash" id="cash" onclick="cash(this)">

您低音html元素，而不是id，这是指整个强标签。

因此，在您的方法中：

var getthevalue = $(cash).attr('id');

将获得输入标签的id属性，该属性通过您的this传递：

 onclick="cash(this)"

关于javascript - 我想在jquery或javascript中选中复选框时启用文本框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47688698/