今天第一次开发 用纯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()
或者内部具体的情况获取内容