程序博客网 > mac os系统最新版

使用JQuery 做仿asp.net 中的gridview 控件编辑效果

来源：互联网发布：mac os系统最新版编辑：程序博客网时间：2024/06/06 06:52

<script src="jquery-1.3.1.js" type="text/javascript"></script>                                 //*********导入 JQuery
<script type="text/javascript">
$(document).ready(function(){

   //给class为content添加事件
$('.content').bind("click",function(){
    $(this).children('.show').hide();
    $(this).children('.input').show();
    $(this).next().children('input:eq(1)').removeAttr("disabled");
    });

    //给按两个钮添加事件
$('.content').next().children().bind("click",function rev(){
       var $a=$(this) ;
       if($a.val()=="取消")
       {
          $a.parent().prev().children('.show').show();
          $a.parent().prev().children('.input').hide();
          $a.next().attr("disabled","disabled");
       }
       if($a.val()=="修改")
       {
         alert ($a.parent().prev().children('.input').children('input').val());
         // 是用Ajax 进行交互提交数据
       }
    });
})
</script>
</head>
<body>
<table width="418" border="0">
<tr>
    <td colspan="3" bgcolor="#333333">新闻种类编辑</td>
</tr>
<tr>
    <td width="62">编号</td>
    <td width="213" align="center">内容</td>
    <td width="129" align="center">编辑</td>
</tr>
    <tr>
    <td width="62">1</td>
    <td width="213" class="content"><div class="show" >军事新闻</div><div class="input" style="display:none;"> <input type="text" value="军事新闻"/></div></td>
    <td width="129" id="edit">
            
        <input id="Button1" type="button" value="取消" /> <input id="Button2" type="button" value="修改" disabled="disabled"/>
    </td>
</tr>
      <tr>
    <td width="62">2</td>
    <td width="213" class="content"><div class="show" >国际新闻</div><div class="input" style="display:none;"> <input type="text" value="国际新闻"/></div></td>
    <td width="129" id="Td1">
            
        <input id="Button3" type="button" value="取消" /> <input id="Button4" type="button" value="修改" disabled="disabled"/>
    </td>
</tr>
        <tr>
    <td width="62">3</td>
    <td width="213" class="content"><div class="show" >国内新闻</div><div class="input" style="display:none;"> <input type="text" value="国内新闻"/></div></td>
    <td width="129" id="Td2">
            
        <input id="Button5" type="button" value="取消" /> <input id="Button6" type="button" value="修改" disabled="disabled"/>
    </td>
</tr>
</table>
</body>
</html>

mac os系统最新版

mac os系统最新版

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子哭腔潮红压鲤鱼乡哭腔奏腔下河东三十六哭抖音上带着哭腔女声唱的说谎鲤鱼乡无力哭腔绿川光哭腔h广播剧绿川光哭腔全程高能广播剧带有哭腔的有爆发力的台词日本人评论双笙哭腔唱法祝你呀生日快乐哭腔抖音里赵四唱的哭腔歌曲汉腾车主哭诉质量差老外回国不适应哭诉综英美总有鬼魂向她哭诉哮喘传染小儿哮喘儿童哮喘哮喘传染吗心源性哮喘哮喘病症状咳嗽性哮喘哮喘发作狗狗哮喘哮喘遗传小孩哮喘哮喘吧哮喘用药哮喘新疗法哮喘喷雾剂哮喘喷剂哮喘遗传吗哮喘喷雾哮喘药物哮喘的药哮喘的原因哮喘传染么哮喘会传染哮喘应注意哮喘指南早期哮喘哮喘的