zoukankan      html  css  js  c++  java
  • 《可编辑td》

        /******************编辑出现编辑框,删除恢复原始状态(Befin)**************************/

        $(".editALink").click(function () {

            /*如果是“编辑”文字就变“保存”*/        

    var txt = $('#editALink').text();        

    if (txt == "编辑") {           

      $("#editALink").text("保存");            

    /*获取原来HTML的值*/            

    var htmlTxt = $(this).parent().parent().find('td:eq(2)').text();            

    /*表格的第一行的第三列添加输入框*/          

       $(this).parent().parent().find('td:eq(2)').html("<input type='text' class='tr2InputText' name='alumentReason' style='400px;height:30px;margin-left:12px'/>");           

      /*将变量htmlTxt赋给INPUT*/          

       $(this).parent().parent().find('input').val(htmlTxt);        

         /*第四列添加单选按钮*/            

    $(this).parent().parent().find('td:eq(3)').html("<div class='radioButtonDIV'><input type='radio' class='tr3RadioButton' checked='checked' name='ifCompute' value='是'/>是 &nbsp&nbsp &nbsp &nbsp <input type='radio'  name='ifCompute' value='否'/>否</div>");            

    /*添加选中边框*/            

    $(this).parent().parent().find('input').hover(function () {                

    $(this).toggleClass('toggleClassBorder');            

    });            

    /*添加选中边框*/            

    $(this).parent().parent().find('.radioButtonDIV').hover(function () {                

    $(this).toggleClass('toggleClassBorderDIV');            

    });           

      /*解绑radioButton的鼠标滑过事件*/            

    $(this).parent().parent().find('td:eq(3)').find('input').hover().unbind();        

    } else if (txt == "保存") {           

      /*获取input编辑框的输入值*/           

      var inputTxt = $(this).parent().parent().find('td:eq(2)').find('input').val();           

      /*将输入值赋给html*/            

    $(this).parent().parent().find('td:eq(2)').text(inputTxt);           

      /*获取input单选按钮的输入值*/           

      var inputRadioButton = $(this).parent().parent().find('td:eq(3)').find('input:checked').val();           

      /*将单选值赋给html*/            

    $(this).parent().parent().find('td:eq(3)').text(inputRadioButton);            

    /*将“保存”该为“编辑”*/          

       $("#editALink").text("编辑");        

    }    

    });

        $(".deleteAlink").click(function () {       

      /*将文字“保存”变为“编辑”*/        

    var txt = $('#editALink').text();        

    if (txt = "保存") {          

       $("#editALink").text("编辑");        

    };        

    /*编辑框、单选按钮隐藏*/        

    var txtInput = $(this).parent().parent().find('td:eq(2)').find('input:.tr2InputText').val();       

      var valueRadioButton = $(this).parent().parent().find('td:eq(3)').find('input:.tr3RadioButton').val();        

    $(this).parent().parent().find('td:eq(2)').text(txtInput);        

    $(this).parent().parent().find('td:eq(3)').text(valueRadioButton);

        });    

    /******************编辑出现编辑状态,删除取消编辑状态(End)**************************/

    前端-语言
  • 相关阅读:
    Uva 11205 The broken pedometer
    Uva 331 Mapping the Swaps
    vs2005里取得offsetHeight,clientHeight,scrollHeight 三个属性值全都一样的问题
    网页根据自身高度动态调整所在iframe的高度
    一个简单的实现tab效果的demo
    iframe根据被嵌网页高度动态调整自身高度
    用window.open方法打开新窗口显示提示信息
    用C#在ASP.NET 2.0 的 TreeView 中查找某一节点
    解决 sharepoint 站点除了administrator 其他用户不能登陆的问题
    Python处理Excel,学会这十四个方法,工作量减少大半!
  • 原文地址:https://www.cnblogs.com/beesky520/p/3962408.html
Copyright © 2011-2022 走看看