Javascript 删除jQuery中的复选框
我试图删除jQuery中的复选框,但当我想获取复选框的状态时,我会收到错误消息 你不需要每种方法。只需选择选中的输入并删除包含复选框的标签元素的父项: $deleteAcc.onclick,函数{ $.checkbox输入:checked.parent.remove; }; 消息0 信息1 信息2 信息3 信息4 信息5 信息6 信息7 信息8Javascript 删除jQuery中的复选框,javascript,jquery,checkbox,Javascript,Jquery,Checkbox,我试图删除jQuery中的复选框,但当我想获取复选框的状态时,我会收到错误消息 你不需要每种方法。只需选择选中的输入并删除包含复选框的标签元素的父项: $deleteAcc.onclick,函数{ $.checkbox输入:checked.parent.remove; }; 消息0 信息1 信息2 信息3 信息4 信息5 信息6 信息7 信息8 Delete实际的问题是$中的这个上下文。每个闭包都是对DOM节点本身的引用。有一种方法可以通过将其包装为$来解决此问题: 试试这个 如果此.chi
Delete实际的问题是$中的这个上下文。每个闭包都是对DOM节点本身的引用。有一种方法可以通过将其包装为$来解决此问题: 试试这个
如果此.children[0]。选中了此.parentNode.removeChildthis,则可以使用此选项。此答案将受益于一点解释,而不是仅发布代码。e、 g.这种方法与原始海报已经尝试过的方法有何不同。
<div class="control-group">
<label class="checkbox"><input value="0" type="checkbox">Message 0</label>
<label class="checkbox"><input value="1" type="checkbox">Message 1</label>
<label class="checkbox"><input value="2" type="checkbox">Message 2</label>
<label class="checkbox"><input value="3" type="checkbox">Message 3</label>
<label class="checkbox"><input value="4" type="checkbox">Message 4</label>
<label class="checkbox"><input value="5" type="checkbox">Message 5</label>
<label class="checkbox"><input value="6" type="checkbox">Message 6</label>
<label class="checkbox"><input value="7" type="checkbox">Message 7</label>
<label class="checkbox"><input value="8" type="checkbox">Message 8</label>
</div>
<button class="btn" type="button" id="deleteAcc">Delete</button>
$("#deleteAcc").on("click",function(){
$(".control-group label.checkbox").each(function(){
if (this.children(":first").is(':checked')) {
this.remove();
}
});
});
$("#deleteAcc").on("click",function(){
$(".control-group label.checkbox").each(function(){
if ($(this).children(":first").is(':checked')) {
$(this).remove();
}
});
});
$("#deleteAcc").on("click",function(){
$("input:checkbox").each(function() {
if ($(this).is(":checked")) {
$(this).parent().remove();
}
});
});
$().ready(function () {
$('body').on('click', '#deletebtn', function () {
$("#example1 tr").each(function () {
var rowSelector = $(this);
if (rowSelector.find("input[type='checkbox']").prop('checked'))
{
//THE MARKUP SHOWING THE ID IS NOT AVAILABLE
//POST A TABLE ENTRY TO CLEAR UP
var id = rowSelector.find('td').first().next().html();
var sendObj = {Id : id};
//USE JSON OBJECT
$.ajax({
url : "/page.aspx/deleteRecord",//CHANGE TO YOUR URL
dataType: "json",
data: sendObj,
type: "POST",
success: function () {
alert("entry deleted");
}
});
rowSelector.remove();
}
});
});
});