首页 > 其他 > 详细

点击td对同行的其他td进行操作

时间:2015-12-15 12:20:01      阅读:100      评论:0      收藏:0      [点我收藏+]

假设有这样的一段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);
}
});
});

点击td对同行的其他td进行操作

原文:http://www.cnblogs.com/ichemmwangd/p/5047718.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!