jquery表单可编辑状态

/*==================js代码====================*/

            $('input[name="Fruit"]:checked').each(function(){
               $(this).parent().siblings("td").each(function() {  // 获取当前行的其他单元格
obj_text = $(this).find("input:text");    // 判断单元格下是否有文本框
if(!obj_text.length)   // 如果没有文本框，则添加文本框使之可以编辑
$(this).html("<input type='text' value='"+$(this).text()+"'>");
else   // 如果已经存在文本框，则将其显示为文本框修改的值
$(this).html(obj_text.val()); 
});
            });

/*==================js代码====================*/

/*==================html代码====================*/

<table>
<input type="button" onclick="compile();" value="编辑">
    <tr><td><input name='Fruit'  type='checkbox'/></td><td>11111111111111111</td><td>111111111</td></tr>
    <tr><td><input name='Fruit'  type='checkbox'/></td><td>11111111111111111</td><td>111111111</td></tr>
    <tr><td><input name='Fruit'  type='checkbox'/></td><td>11111111111111111</td><td>111111111</td></tr>
    <tr><td><input name='Fruit'  type='checkbox'/></td><td>11111111111111111</td><td>111111111</td></tr>
</table>

/*==================html代码====================*/