Javascript 使用jQuery获取通过DOM操作插入的表单元素的值

Javascript 使用jQuery获取通过DOM操作插入的表单元素的值,javascript,jquery,html,Javascript,Jquery,Html,我正在寻找一种解决方案来获取输入复选框的值,这些复选框是使用jQuery在表单中使用.html插入的 我不是在找$'form'。序列化;解决方案,在这种情况下不起作用 下面是如何创建复选框 $.each(ds.result, function(k,user) { rows += '<tr><td><input type="checkbox" name="sel'+user['id']+'"></td><td><button

我正在寻找一种解决方案来获取输入复选框的值,这些复选框是使用jQuery在表单中使用.html插入的

我不是在找$'form'。序列化;解决方案,在这种情况下不起作用

下面是如何创建复选框

$.each(ds.result, function(k,user) {
    rows += '<tr><td><input type="checkbox" name="sel'+user['id']+'"></td><td><button onclick="edituser(\''+user['id']+'\',\''+user['fullname']+'\',\''+user['gender']+'\',\''+user['birthyear']+'\',\''+user['location']+'\',\''+user['email']+'\',\''+user['phone']+'\');">Edit</button></td><td>'+user['fullname']+'</td><td>'+user['gender']+'</td><td>'+user['birthyear']+'</td><td>'+user['location']+'</td><td>'+user['xtimelogin']+'</td></tr>';
});
$('#filter-users-tbody').html(rows);
它们都不起作用

也许我错过了一些小事情,但无论如何,这花了我很多时间。
感谢您的帮助。

HTML无效,您不能将tbody作为表单的直接子级。因此,当浏览器将复选框排序出来时,该复选框可能不在表单中。将表单移动到整个表的周围

问题的例子:

变量ds={ 结果:[ {id:1,全名:1}, {id:2,全名:2}, {id:3,全名:三} ] }; var行=; $.eachds.result,functionk,user{ 行+='Edit'+用户['fullname']+'…'; }; $'filter-users-tbody'.htmlrows; $input[type=button].onclick,getusers; 函数getusers{ console.log$form-select-users.serialize; }
HTML无效,不能将tbody作为表单的直接子级。因此,当浏览器将复选框排序出来时,该复选框可能不在表单中。将表单移动到整个表的周围

问题的例子:

变量ds={ 结果:[ {id:1,全名:1}, {id:2,全名:2}, {id:3,全名:三} ] }; var行=; $.eachds.result,functionk,user{ 行+='Edit'+用户['fullname']+'…'; }; $'filter-users-tbody'.htmlrows; $input[type=button].onclick,getusers; 函数getusers{ console.log$form-select-users.serialize; }
代码中有两个问题

1:添加不带表标记的tbody标记时,不会创建tbody标记

2:从以下语句控制台中删除>。log$form select users input.val;。
>查找直接子级,但“输入不是直接子级。

代码中有两个问题

1:添加不带表标记的tbody标记时,不会创建tbody标记

2:从以下语句控制台中删除>。log$form select users input.val;。
>查找直接子项,并且“输入不是直接子项。

HTML无效,因此浏览器处理完后,复选框可能不在表单中。你不能让一个tbody作为表单的直接孩子。@t.J.Crowder让我用适当的方式试试,因为表单将覆盖整个表单html@T.J.Crowder好了,现在把作品连载起来!谢谢。HTML是无效的,因此当浏览器完成处理时,复选框可能不在表单中。你不能让一个tbody作为表单的直接孩子。@t.J.Crowder让我用适当的方式试试,因为表单将覆盖整个表单html@T.J.Crowder好了,现在把作品连载起来!非常感谢。
<form method="post" id="form-select-users">
<tbody id="filter-users-tbody"></tbody>
</form>
function getusers() {
    alert('here');
    console.log($("#form-select-users").serialize());
    console.log($("#form-select-users > input").val());
    // $("#form-select-users").submit();
};