自動清除多個輸入字段

Question

<?php foreach ($DATA['evidencija'] as $evidencija): ?>
                        <?php if ($evidencija->zaposleni_id == $zaposleni->zaposleni_id) { ?>
                            <?php if ($evidencija->evidencija == 'nema unosa') {?>
                                <td style="text-align:center">
                                        <input type="text" name="ime" required class="input-field" pattern="[A-z 0-9\-]+" value="8">
                                </td>
                            <?php } else { ?>
                                <td style="text-align:center; color:blue; font-size:30px"><?php  echo ($evidencija->evidencija); ?></td> 
                            <?php } ?>
                        <?php } ?>
                <?php endforeach; ?>

這是代碼的一部分，特別是第 5 行。

我還有一個按鈕：

<a class="button" onclick="clearAll();">Izbrisi sva polja</a>

這應該清除所有輸入字段。

問題是：我需要所有輸入字段默認為“8”，因為它將是我稍后發送到數據庫的大部分數據。 但我需要一些東西來清除一切。 getElementById 不起作用，getElementByClassName 不起作用。

我需要一個腳本來選擇所有輸入字段並清除它們（我假設我將為 300 名員工提供大約 9300 個輸入字段）

編輯：函數 clearAll() 是空的，函數的內容是我真正需要的。

Answer 1

為輸入字段提供一個 ID，如下所示，我們可以id="inputTxt"並清除它的值。

$(document).ready(function () {$("#inputTxt").value="";});

要么

$(".button").click(function() {
    this.value = '';
});

Answer 2

試試這個我希望你得到你的解決方案。

第一種方法：

 $(".reset").click(function() { $(this).closest('form').find("input[type=text], textarea").val(""); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form action="#" method="post"> <input type="text" name="name"><br> <input type="text" name="email"><br> <a href="javascript:void()" class="button reset">Izbrisi sva polja</a> </form>

方法二：

 <button onclick="document.getElementById('myInput').value = ''">Clear input field</button> <input type="text" value="Blabla" id="myInput">