假设有这样的一段tr:
<tr>
<td><input type="checkbox" name="item" class="itemid" value=" </td>
<td><span class=""></span></td>
<td><input type="text" class="serpkgcnt" value=""><span></span></td>
</tr>
现在要求如下:默认情况下,所有的text都不可编辑,勾选了前面的checkbox之后同一行的text可编辑:
可以在jquery的ready方法里面这样写
$(document).ready(function(){
$(".serpkgcnt").attr("disabled",true);
$(".itemid").change(function(){
if($(this).attr("checked")){
$(this).parent().parent().find("td").eq(2).children().attr("disabled",false);//获取到当前input的上级的上级,再找到第3个td,然后获取子节点
}else{
$(this).parent().parent().find("td").eq(2).children().attr("disabled",true);
}
});
});