javascript - 更改时的 JQuery 复选框

标签 javascript jquery checkbox

希望你们一切都好!

所以我一直在努力让这件事发挥作用。演示可以在这里找到: 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 :

http://jsfiddle.net/ehsansajjad465/58BFJ/1/

关于javascript - 更改时的 JQuery 复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24230259/

相关文章:

javascript - 检查至少一个复选框在表单提交时被选中

javascript - 使用 gulp-if(或其他方式)有条件地启用 gulp-watch

jquery - 如何检索图像struts 2 jquery插件JSON结果?

javascript - jQuery ~ 在跟随之前调整 href

javascript - 如何将带有输入图像的表单提交到模态 Bootstrap 中?

javascript - 光滑的 slider : align slide width to Bootstrap container width

javascript - 在输入类型复选框中绑定(bind) ng-models

python - 使用 PyQt 的组合框中的复选框

javascript - 在转换日期时从数组到带有服装键的对象

javascript - 在 onchange 事件中使用 html 中的自定义数据属性