javascript - 一个关于 JQuery选择器的问题?
PHP中文网
PHP中文网 2017-04-10 16:03:14
0
2
619

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

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

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


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

PHP中文网
PHP中文网

认证高级PHP讲师

全員に返信(2)
伊谢尔伦

假设修改按钮的 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
  1. 通过var row=$("input[radio]:checked").parents("tr");获取已选中的行

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート