Javascript 重置表单特定部分中的 Django 表单字段？

Question

我正在尝试使用一小段 JavaScript:

$("#btn_clear").click(function(){
    $("#two")[0].reset();
        });

重置div内的表单部分。该表单有多个部分(div)，但我只希望它清除特定 div 内的表单字段

html 伪代码:

<form ...
    <div id="one" ...
        <div id="two" ...
            <label for=...                                                                
                {{ form.startdate }}                                                                                                                                                                                                                                                                                       
                {{ form.startdate.errors }}
                ...

我正在尝试使用此按钮(也在 html 中)与 javascript 结合来清除 div id="two":

<button class="btn btn-primary" id="btn_clear" style="margin-left: 142px" value="Reset" type="button">Clear Section</button>

当我单击按钮时没有任何反应，并且控制台中没有收到任何错误。我需要做一些特殊的事情才能以这种方式清除 django 表单字段吗？

Answer 1

你可以尝试这样的事情:

<div id="two" ...

<script>
$("#btn_clear").click(function(){
    $("#two :input").val('');
 });   
</script>

编辑

对于复选框:

$("#btn_clear").click(function(){
    $("#mydiv :input").val('');
    $("#mydiv :input[type=checkbox]").prop('checked', false);
 });

https://jsfiddle.net/gd6mbcvz/27/