0

如何删除 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>
4

6 回答 6

3

您的 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();
于 2013-04-27T04:17:32.933 回答
1

您可以尝试像这样在 HTML 中稍作修改来删除它们。由于您的标签标签和文本不是定义带有标签的复选框的适当方式。

W3C 关于如何定义复选框的建议

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>
于 2013-04-27T04:07:21.863 回答
0

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

$('#fileList input[type=checkbox]').remove();
于 2013-04-27T04:07:28.027 回答
0

你可以试试这个

("#myDiv :checkbox").remove();
于 2013-04-27T04:13:14.013 回答
0

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

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

要保持除盒子外的所有内容，请尝试：

    $('#fileList input:checkbox').remove();
于 2013-04-27T04:27:46.670 回答
0

这有效：

$('#fileList  input:checkbox').each(function(){
    $(this).closest('label').remove();
});
于 2013-04-27T04:40:16.750 回答