ajax响应后的jQuery.remove()
我使用ajax响应后的jQuery.remove(),jquery,ajax,checkbox,Jquery,Ajax,Checkbox,我使用PHP和MySQL动态创建HTML复选框。它们可以如下所示: <input type='checkbox' name ='chkDel' value='11'> <input type='checkbox' name ='chkDel' value='18'> <input type='checkbox' name ='chkDel' value='55'> 现在我想附加一个.remove()到标记的每个复选框,即success:function(t)
PHP
和MySQL
动态创建HTML
复选框。它们可以如下所示:
<input type='checkbox' name ='chkDel' value='11'>
<input type='checkbox' name ='chkDel' value='18'>
<input type='checkbox' name ='chkDel' value='55'>
现在我想附加一个.remove()
到标记的每个复选框,即success:function(t)
我不太清楚jQuery
,上面的代码是我在web上找到的不同解决方案的混合,请耐心听我说
如何删除函数成功后标记的复选框?我得到了答案,但它不会使用jQuery在单击时删除行。它使用一个php提交表单来删除它,这会更容易吗?谢谢,这看起来很有希望,但是我在firebug中遇到了这个错误:
TypeError:todelete.each不是一个函数
我尝试了你的编辑,但现在我得到了TypeError:e.remove不是一个函数
修复了,我忘了将它包装在jQuery对象中。太棒了!非常感谢。还有一件事,Barmar,是否可以删除与复选框有值的ID相同的整个HTML表格行?
$('#delete_absence_row').click(function() {
var query_string = '';
var todelete = [];
$('input[type=checkbox]:checked').each(
function() {
query_string += "&chkDel[]=" + this.value;
todelete.push(this);
});
$.ajax({
type: "POST",
url: "../updateAbsence.php",
data: query_string,
success:
function(t) {
$("div#content_response").empty().append(t);
$.each(todelete, function (i, e) {
$(e).remove();
});
},
error:
function(){
$("div#content_response").append("An error occured during processing");
}
});
});
$('#delete_absence_row').click(function() {
var query_string = '';
var todelete = [];
$('input[type=checkbox]:checked').each(
function() {
query_string += "&chkDel[]=" + this.value;
todelete.push(this);
});
$.ajax({
type: "POST",
url: "../updateAbsence.php",
data: query_string,
success:
function(t) {
$("div#content_response").empty().append(t);
$.each(todelete, function (i, e) {
$(e).remove();
});
},
error:
function(){
$("div#content_response").append("An error occured during processing");
}
});
});