javascript - 如何从复选框中获取 id 值？

Question

1 纳迦 naga123

2 泰米尔语 tamil123

3 维诺德维诺德 123

4 naveen naveen123

5 jakkir jakkir123

save    edit    delete

 UserID:

 UserName:

 Password: 

我在每一行的末尾都有复选框。当我单击复选框并选择编辑时，值应该显示在与用户 ID、用户名和密码对应的文本框中。

我的编辑js代码是

     function Edit(){
     var i=dwr.util.getValue("userId");
     LoginManagement.selectId(i,function(login){
     dwr.util.setValues({userId:userId, userName:login.userName,
     passWord:login.passWord});     
     });
     }

复选框的js代码是

         function Intialize(){
        LoginManagement.getLoginDetails(function(loginList){
         var x = "";
         for(var i=0; i<loginList.length; i++){
          var login =loginList[i];
          x += "<tr><td>"+login.userId+"</td><td>"+login.userName+"</td><td>"+login.passWord+"</td><td><input type = 'checkbox' id = 'cbid"+login.userId+"'</td></tr>";
        }
        $("#loginTable").html(x);

            });
                }

我应该如何在编辑中获取 id 值，以便在我单击按钮时它应该显示相应的值。有什么建议吗？

Answer 1

希望我理解正确。

从编辑链接的 onclick 中删除 Edit() 并继续 Initialize 函数，如下所示:

...

      $("#loginTable").html(x);

      ids = ['userId', 'userName', 'Password']; // Ids of text boxes to be populated

      $("#editlink").click(function(){ // Assuming edit link has id="editlink"
        var tds = $("#loginTable").find("input:checked[type=checkbox]").parent().siblings();
        for(var i = 0; i < ids.length; i++){
          $('#' + ids[i]).html($(tds[i]).html());
        }
        Edit(); // Better copy the code of Edit() directly in here
        return false; // Prevent default click action (go to href)
      });

    });

如果这是错误的，请同时发布完整的 HTML。