jquery - jQuery 禁用 div 的多个输入子项

Question

我想从一个复选框做类似下面的事情，

每行都有一个复选框，当单击复选框时，我想禁用 .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);
}

Answer 1

您的问题有一些含糊不清，因此以下内容可能不完全是您要查找的内容。

单击后，您应该遍历到最近的表行，找到所有具有类名的输入，.room并根据复选框本身的状态设置它们的禁用属性。

$(":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