如何在jQuery中将多个选定(通过复选框)行ID传递给php脚本?
我正在生成一个html文件,该文件如下所示:如何在jQuery中将多个选定(通过复选框)行ID传递给php脚本?,php,jquery,jquery-selectors,Php,Jquery,Jquery Selectors,我正在生成一个html文件,该文件如下所示: <tr id="ID001" property1="PROPERTY001"><td><input type="checkbox" name="row_checkbox_ID001"></td><td>...</td><td>...</td></tr> <tr id="ID002" property1="PROPERTY0
<tr id="ID001" property1="PROPERTY001"><td><input type="checkbox"
name="row_checkbox_ID001"></td><td>...</td><td>...</td></tr>
<tr id="ID002" property1="PROPERTY002"><td><input type="checkbox"
name="row_checkbox_ID002"></td><td>...</td><td>...</td></tr>
可以有0、1或多行。。。正在生成的HTML由我控制,可以修改
澄清: 我希望在所有这些行上方都有一个按钮,用户可以在从表中选择行后单击该按钮
<div id='contact-form'><h2>Contacts</h2>
<input type='button' name='contact-delete' value='Delete Record(s)'
class='contact-delete'/>
联系人
需要删除TRs,但在此之前,需要使用TR id调用deleterecord.php脚本。使用HTML数组
<input type="checkbox" name="chk[]" value="01234">
<input type="checkbox" name="chk[]" value="98765">
您可以创建一个包含所选任何行(ID或任何您需要的行)的详细信息的对象,并将其发送到php脚本。请在json、php+jquery上查看此内容。我相信,您正在寻找类似的行为:
$('#contact-form input.contact-delete').click(function (e) {
var $this = $(this);
// find the table row, in which are elements contained
var $tr = $this.closest('tr');
// take id
var id = $tr.attr('id');
// ajax with id
$.get("deleterecord.php?id="+id, function (data) {
// remove table row on success
$tr.remove();
});
e.preventDefault();
});
很抱歉回答我自己的问题,但SO帖子:巧妙地解决了我的问题
对于本页面的未来访问者,请注意HTML中的变量名称以及如何访问jQuery中的输入复选框 在服务器端更改数据时,不要使用HTTP的GET方法(就像使用
$.GET()
)。改用POST.Juraj-谢谢回复。看看我上面的澄清。click()函数用于一个按钮,该按钮可以查看选择了哪些TR id并将它们传递给php脚本…嗨,Pentium10-这很酷,但是如何将“选中的”复选框的id传递给php脚本?如果您发出表单提交,它们将传递给php,您将收到一个数组,例如print_r($\u POST[chk])代码>
$('#contact-form input.contact-delete').click(function (e) {
var $this = $(this);
// find the table row, in which are elements contained
var $tr = $this.closest('tr');
// take id
var id = $tr.attr('id');
// ajax with id
$.get("deleterecord.php?id="+id, function (data) {
// remove table row on success
$tr.remove();
});
e.preventDefault();
});