84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
今天第一次开发 用纯html table 来做用户数据的 修改 由于不能灵活运用 JQuery 选择器,造成无法取出想要的数据,故在此发个提问求帮助,样式见图
当鼠标点击 修改[假设用户已经选择了某个radio]的时候,如何取出用户选择行的值 (需要分离的值,别用siblings.text()全取出来放一个字符串 这样没用)
由于不能贴 html 代码,只能截图了
JQ 选出来 还需要填进去(这步)
认证高级PHP讲师
假设修改按钮的 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); });
通过var row=$("input[radio]:checked").parents("tr");获取已选中的行
var row=$("input[radio]:checked").parents("tr");
通过var cell=row.children();获取对应的td,然后遍历通过text()或者内部具体的情况获取内容
var cell=row.children();
text()
假设修改按钮的 id 是 btnmodify,那获取值的代码如下:
通过
var row=$("input[radio]:checked").parents("tr");
获取已选中的行通过
var cell=row.children();
获取对应的td,然后遍历通过text()
或者内部具体的情况获取内容