gpt4 book ai didi

jquery - 如何使用 jquery 启用一个复选框的多个输入文本字段?

转载 作者:行者123 更新时间:2023-11-27 22:30:22 24 4
gpt4 key购买 nike

我有多个默认禁用的文本字段,并且在它们上方有一个复选框。我希望当您选中此复选框时,它将启用所有文本字段。

**Checkbox** not checked            **Checkbox** checked
**input field** disabled **input field** enabled
**input field** disabled **input field** enabled
**input field** disabled **input field** enabled
**input field** disabled **input field** enabled
**input field** disabled **input field** enabled
etc....

它需要适合这个 html 结构:

<div class="large-4 columns">
<label for="checkbox"><input type="checkbox" id="checkbox">co-applicant</label>

<div class="large-12 columns">
<input type="text" id="inputbox" required pattern="[a-zA-Z]+" placeholder="First name" disabled="disabled">
</div>
<div class="large-12 columns">
<input type="text" id="inputbox" required pattern="[a-zA-Z]+" placeholder="Last name" disabled="disabled">
</div>
<div class="large-12 columns">
<input type="email" id="inputbox" required placeholder="Email" disabled="disabled">
</div>
</div>

我查了几个例子,但没有一个能起作用。另外,jquery 代码 - 我应该把它放在哪里才能发挥最佳效果?

感谢您的帮助!

最佳答案

$('#test').click(function() {
$('input:text').attr('disabled',!(this.checked))
});

Demo1

Email 类型的更新:

如果您使用不同的type',请使用input选择

$('#test').click(function() {
$('input').attr('disabled',!(this.checked))
});

Demo2

关于jquery - 如何使用 jquery 启用一个复选框的多个输入文本字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18468919/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com