如果选中复选框，则打开输入文本(JQuery)

Question

我正在尝试在选中复选框时打开一个输入。

<script>
if ($('#flexCheckDefault').is(':checked')) {
$('#test').prop('disabled')
}
</script>
<input type="checkbox" id="flexCheckDefault">
<input type="text" id="test" disabled>

我尝试过，但没有成功。请帮帮我！

Answer 1

你可以这样做：

$('#flexCheckDefault').change(function() {
$('#test').prop('disabled', !$(this).is(':checked'))
});

代码的问题是，当复选框更改时，您不会执行任何操作，因此需要使用.change()事件。

同样在.prop('disabled')中，您应该告知是否应该禁用它。如$('#test').prop('disabled', !$(this).is(':checked'))

演示

$('#flexCheckDefault').change(function() {
$('#test').prop('disabled', !$(this).is(':checked'))
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" id="flexCheckDefault">
<input type="text" id="test" disabled>