Question

我有这个复选框：

<div class="form-group">
<input type="checkbox" id="examination"  class="form-control" name="exam" placeholder="Enter Title">
<label>Enable Exam</label>
</div>

这是我的禁用输入：

<div class="form-group">
<label>Order</label>
<input  id="myorder" name="myorder" disabled>
</div>

我尝试使用此脚本在选中复选框后启用输入，但它不起作用：

$('#examination').change(function(){
   $("#myorder").prop("disabled", !$(this).is(':checked'));
});

有什么想法吗？

Answer 1

在这里，我认为这将有效：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('#chtest').change(function(e){
        var isChecked = $(e.target).is(':checked');
        if (isChecked) {
            $("#test").removeAttr("disabled");
        } else {
            $("#test").attr("disabled","disabled");
        }
    });
});
</script>
</head>
<body>

<form action="">
  <input type="text" id="test" disabled="disabled"><br>
  <input type="checkbox" id="chtest">
</form>


</body>
</html>

选中复选框后启用输入

1 个答案: