如果选中复选框 (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>

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

Open a input text if checkbox is checked (JQuery)

html

checkbox

jquery