你的问题有些模棱两可,因此以下可能不是
确切地
你在找什么。
单击后,您应该遍历到最近的表行,查找具有类名的所有输入
.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