jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery禁用div的多个输入子节点大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想从复选框中做下面的事情,

每行都有一个复选框,我想在单击复选框时禁用类.room的行中的所有输入字段.

function toggleStatus(link) {
    $(link).closest(".room").children(':input').attr('disabled',true);
}

也试过了

function toggleStatus(link) {
    $(link).closest(".room").children('input[type=text]').attr('disabled',true);
}

解决方法

您的问题有些含糊不清,因此以下内容可能并不完全符合您的要求.

单击后,您应该遍历最近的表格行,找到具有classname .room的所有输入,并根据复选框本身的状态设置其disabled属性.

$(":checkBox").click(function(){
  $(this).closest("tr").find(":input.room")
    .attr("disabled",$(this).is(":checked"));
});

假设结构类似于以下结构:

<table>
  <tbody>
    <tr>
      <td><input type="checkBox" /></td>
      <td><input type="text" class="room" /></td>
      <td><input type="text" class="room" /></td>
      <td><input type="text" class="room" /></td>
    </tr>
    <tr>
      <td><input type="checkBox" /></td>
      <td><input type="text" class="room" /></td>
      <td><input type="text" class="room" /></td>
      <td><input type="text" class="room" /></td>
    </tr>
  </tbody>
</table>

在线演示:http://jsbin.com/umimu/edit

大佬总结

以上是大佬教程为你收集整理的jQuery禁用div的多个输入子节点全部内容,希望文章能够帮你解决jQuery禁用div的多个输入子节点所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: