如何从复选框中获取id值?

时间:2010-10-26 12:53:13

标签: javascript jquery

1 naga naga123

2 Tamil tamil123

3 vinod vinod123

4 naveen naveen123

5 jakkir jakkir123

save    edit    delete

 UserID:

 UserName:

 Password: 

我在每行末尾都有复选框。当我单击复选框并选择编辑时,值应显示在与userId,userName&对应的文本框中。密码。

我的用于编辑的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值,这样如果我单击按钮,它应该显示相应的值。有什么建议吗?

2 个答案:

答案 0 :(得分:1)

可以使用attr var idvalue = $("input:last").attr("id");检索id,但是必须引用场景中的复选框..如果你有一个与之关联的css类名,请使用类似于$(。classname)和然后使用attr获取值。

答案 1 :(得分: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。