色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery input 重置

方一強2年前11瀏覽0評論

在開發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中的所有輸入框都會被重置。需要注意的是,這種方式只能重置表單中的輸入框,無法重置表單外的輸入框。