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 值,以便在我单击按钮时它应该显示相应的值。有什么建议吗?
最佳答案
希望我理解正确。
从编辑链接的 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。
关于javascript - 如何从复选框中获取 id 值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4023828/