Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 删除jQuery中的复选框_Javascript_Jquery_Checkbox - Fatal编程技术网

Javascript 删除jQuery中的复选框

Javascript 删除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

我试图删除jQuery中的复选框,但当我想获取复选框的状态时,我会收到错误消息

你不需要每种方法。只需选择选中的输入并删除包含复选框的标签元素的父项:

$deleteAcc.onclick,函数{ $.checkbox输入:checked.parent.remove; }; 消息0 信息1 信息2 信息3 信息4 信息5 信息6 信息7 信息8
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();
            }
        });

    });
});