在開發web應用過程中,有時候我們需要將輸入框(input)的值重置,以便用戶重新填寫。在使用jQuery時,我們可以通過reset()方法來實現。
$(document).ready(function(){ $("#resetBtn").click(function(){ $("#username").val(""); $("#password").val(""); $("input[type='radio']").prop("checked", false); $("input[type='checkbox']").prop("checked", false); $("select").prop("selectedIndex", 0); }); });
在上面的代碼中,我們使用了resetBtn按鈕的click事件來觸發輸入框的重置。通過val()方法可以將輸入框的值設為空字符串。對于單選框和多選框,我們使用prop()方法將其選中狀態設為false。對于下拉框,我們可以通過selectedIndex屬性將其選中項設為第一項。
值得注意的是,這種方式只能重置當前頁面中已加載的輸入框。如果我們需要重置整個表單,可以使用form的reset方法。
$(document).ready(function(){ $("#resetBtn").click(function(){ document.getElementById("myForm").reset(); }); });
此時,form中的所有輸入框都會被重置。需要注意的是,這種方式只能重置表單中的輸入框,無法重置表單外的輸入框。
上一篇dockerlxc
下一篇css單元格間距怎么控制