点击复选框 当前行变为输入框 全选和取消全选

模板：

   <tr id="{$vo.id}">            <td>{$key}<input type="checkbox" name="c[$key]" value="{$vo.id}"/></td>            <td>{$vo.id}</td>            <td>{$vo.pro_name}</td>            <td><span class="price1">{$vo.price}</span></td>            <td><span class="price_nei1">{$vo.price_nei}</span></td>            <td>{$vo.time|date='Y-m-d H:i:s',###}</td>            <td>             <a href="{:U('Products/pro_edit',array('id'=>$vo['pro'],'cat1'=>$vo['pro_type'],'cat2'=>$vo['pro_type2'],'p'=>$_GET['p'],'title'=>$_GET['title'],'target'=>2))}">详情</a>             <if condition="($Think.session.tg neq 2)">             |<a onclick="del({$vo.pro_id})" href="javascript:;">删除</a>             </if>             <if condition="($Think.session.tg eq 2)">             |<a class="show1" id="{$vo.id}" style="cursor: pointer;"><span id='shenhe{$vo.pro_id}'>报价</span></a>             <div class="login" id="login{$vo.id}">      <table class="tab_login">      <caption><h3>报价</h3></caption>        <tr><td style="vertical-align:middle;text-align:center;">        对外报价：<input type="text" name="price" class="easyui-validatebox validatebox-text validatebox-invalid" required="true"/></td></tr>         <tr><td style="vertical-align:middle;text-align:center;">        内部报价：<input type="text" name="price_nei" class="easyui-validatebox validatebox-text validatebox-invalid" required="true"/></td></tr>  <tr><td style="vertical-align:middle;text-align:center;"><input type="button" name="button" onclick="return shenhe({$vo.id});" value="确定"><input type="button" class='button1' value="取消"></td></tr>  </table></div>             </if>            </td>        </tr>   </volist>

js代码

$(function(){$(":checkbox").click(function(){    var id = $(this).val();    var p1 = $(this).parent().siblings().find('.price1').html();    var p2 = $(this).parent().siblings().find('.price_nei1').html();    var result = p1.indexOf('input');    var result1 = p1.indexOf('INPUT');    if(result!=-1||result1!=-1){    var str1 = $(this).parent().siblings().find("[name='price1["+id+"]']").val();    var str2 = $(this).parent().siblings().find("[name='price_nei1["+id+"]']").val();     }else{var str1 = "<input type='text' style='width:70px;' name='price1["+id+"]' value='"+p1+"'/>";var str2 = "<input type='text' style='width:70px;' name='price_nei1["+id+"]' value='"+p2+"'/>";     }    $(this).parent().siblings().find('.price1').empty();$(this).parent().siblings().find('.price1').html(str1);$(this).parent().siblings().find('.price_nei1').empty();$(this).parent().siblings().find('.price_nei1').html(str2);    });}); function ck(b)    {       if(b===true){       $('.table [type=checkbox]').each(function() { $(this).attr("checked", true); var id = $(this).val();var p1 = $(this).parent().siblings().find('.price1').html();            var p2 = $(this).parent().siblings().find('.price_nei1').html();var str1 = "<input type='text' style='width:70px;' name='price1["+id+"]' value='"+p1+"'/>";var str2 = "<input type='text' style='width:70px;' name='price_nei1["+id+"]' value='"+p2+"'/>"; $(this).parent().siblings().find('.price1').empty();$(this).parent().siblings().find('.price1').html(str1);$(this).parent().siblings().find('.price_nei1').empty();$(this).parent().siblings().find('.price_nei1').html(str2);});        }else{    $('.table [type=checkbox]').each(function() {     $(this).attr("checked", false);     var id = $(this).val();            var str1 = $(this).parent().siblings().find("[name='price1["+id+"]']").val();        var str2 = $(this).parent().siblings().find("[name='price_nei1["+id+"]']").val();        $(this).parent().siblings().find('.price1').empty();$(this).parent().siblings().find('.price1').html(str1);$(this).parent().siblings().find('.price_nei1').empty();$(this).parent().siblings().find('.price_nei1').html(str2); });        }    }