希望你们一切都好!
所以我一直在努力让这件事发挥作用。演示可以在这里找到: http://jsfiddle.net/8Q9ut/
基本上,我有一个表单,由多行复选框-文本框-文本框-文本框-文本框组成。每次用户单击 X 行上的复选框时,以下文本框将可编辑(请参阅 fiddle )。
现在,客户突然要求我创建一个“全选”复选框,以选中所有复选框。我可以让它工作,但我还需要相应的文本框才能编辑。我怎样才能让它发挥作用?我认为下面的代码
$('form').on('change', 'input[type=checkbox]', function (e) {
已经可以让文本框根据复选框事件进行响应,不是吗?
感谢您的意见!
编辑: 感谢大家!你的解决方案都适合我,但我选择了 Ehsan Sajjad 的答案只是因为我只需要将该行添加到我的脚本中,它就像魅力一样。再次感谢您的努力!
我已经更新了 fiddle ,以防万一有人需要 updated fiddle
最佳答案
您需要更改所有复选框更改事件并执行如下操作:
$('#all').on('click', function () {
$(this).closest('fieldset').find(':checkbox').prop('checked', this.checked);
$(this).closest('fieldset').find('input:text').prop('disabled',!this.checked);
});
它将找到所有文本框,并根据选中或未选中的复选框启用和禁用它们。
fiddle :
关于javascript - 更改时的 JQuery 复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24230259/