Question

如何删除div中的所有复选框？如果我使用它然后删除我的段落，但仍打印每个项目名称，以及中间。（虽然没有复选框）

$('#fileList').children().remove();

我的HTML是：

<div id="fileList">
<p> Select which project files you would like to download: </p>
    <form id="files">
        <input type="checkbox" name="projects" value="1">Project File 1</input></br>
        <input type="checkbox" name="projects" value="2">Project File 2</input></br>
        <input type="checkbox" name="projects" value="3">Project File 3</input>
    </form>
</div>

Answer 1

您的HTML无效，输入标签没有结束标记，请尝试使用

<div id="fileList">
    <p> Select which project files you would like to download: </p>
    <form id="files">
        <label><input type="checkbox" name="projects" value="1">Project File 1</label></br>
        <label><input type="checkbox" name="projects" value="2">Project File 2</label></br>
        <label><input type="checkbox" name="projects" value="3">Project File 3</label>
    </form>
</div>

带

$('#fileList label').remove();

Answer 2

您可以尝试通过HTML中的小修改来删除它们。由于您的标签标签和文字不是用标签定义复选框的合适方式。

<强> W3C recommendation on how to define a checkbox

http://jsfiddle.net/tAzB2/

   $('#fileList  input:checkbox').each(function(){
    $(this).closest('label').remove();
});

这里的问题是您需要使用标签来包装复选框并将其删除..

你的html是这样的： -

<div id="fileList">
<p> Select which project files you would like to download: </p>
    <form id="files">
        <label><input type="checkbox" id="idOfField" /> Some text</label>
        <label><input type="checkbox" name="projects" value="1">Project File 1</input></label></br>
        <label><input type="checkbox" name="projects" value="2">Project File 2</input></label></br>
        <label><input type="checkbox" name="projects" value="3">Project File 3</input></label>
    </form>
</div>

Answer 3

您可以通过CSS选择器指定：

$('#fileList input[type=checkbox]').remove();

Answer 4

你可以试试这个

("#myDiv :checkbox").remove();

Answer 5

如果要删除整个列表，请尝试：

    $('#files').empty();

除了方框外，为了保持一切正常，请尝试：

    $('#fileList input:checkbox').remove();

Answer 6

这有效：

$('#fileList  input:checkbox').each(function(){
    $(this).closest('label').remove();
});

你如何从div中删除内容？

6 个答案: