登录

javascript - 一个关于 JQuery选择器的问题?

今天第一次开发 用纯html table 来做用户数据的 修改 由于不能灵活运用 JQuery 选择器,造成无法取出想要的数据,故在此发个提问求帮助,样式见图

当鼠标点击 修改[假设用户已经选择了某个radio]的时候,如何取出用户选择行的值 (需要分离的值,别用siblings.text()全取出来放一个字符串 这样没用)

由于不能贴 html 代码,只能截图了


JQ 选出来 还需要填进去(这步)

# JavaScript
PHP中文网PHP中文网2198 天前450 次浏览

全部回复(2) 我要回复

  • 伊谢尔伦

    伊谢尔伦2017-04-10 16:05:14

    假设修改按钮的 id 是 btnmodify,那获取值的代码如下:

    $("#btnmodify").click(function(){
        // 获取值
        var row = $("input[type=radio]:checked").parents("tr");
        var userid, loginname, nickname, email, mobile, roleid, isactive, islock;
        row.find("td").each(function(index){
            if(index==1){
                loginname = $(this).text();
            }else if(index==2){
                nickname = $(this).text();
            }else if(index==3){
                email = $(this).text();
            }else if(index==4){
                mobile = $(this).text();
            }else if(index==5){
                roleid = parseInt($.trim($(this).text()), 10);
            }else if(index==6){
                isactive = $(this).find("input").prop("checked");
            }else if(index==7){
                islock = $(this).find("input").prop("checked");
            }else if(index==8){
                userid = parseInt($.trim($(this).text()), 10);
            }
        });
        // 填值就很简单了,下面这个对象的ID自行修改
        $("#loginname").val(loginname);
        $("#nickname").val(nickname);
        $("#roleid").val(roleid);
        $("#useractive").prop("checked", isactive);
        $("#userlock").prop("checked", islock);
    });
    

    回复
    0
  • PHPzhong

    PHPzhong2017-04-10 16:05:14

    1. 通过var row=$("input[radio]:checked").parents("tr");获取已选中的行

    2. 通过var cell=row.children();获取对应的td,然后遍历通过text()或者内部具体的情况获取内容

    回复
    0
  • 取消回复发送