使用 jQuery 清除畫面輸入的資料

自己在查詢頁面撰寫「清除」按鈕的 jQuery 程式，發現還是整理起來，日後還蠻有機會參考的。

Case 1：將 ASP.Net 的 DropDownList 跳到預設選項。

假設下拉選單 ddl_DeptList1 預設第一個選項的值是空字串，則可以用
$("select[id*=ddl_DeptList1]").val("");


Case 2：將 ASP.Net 的 DropDownList 內容清除。
假設下拉選單 ddl_DeptList2 已經有許多 option 資料，則可以用
 $("select[id*=ddl_DeptList2]").find("option").remove();


Case 3：將 ASP.Net 的 CheckBox 勾選取消。
假設核選方塊 cbStatus 已經有許多勾選資料，則可以用
$("input[name*=cbStatus]").each(function () { this.checked = false; });


Case 4：將 ASP.Net 的 Radio Button 勾選取消。
假設挑選方塊 rb_cust_type 已經有一筆挑選資料，則可以用
$("input[name*=rb_cust_type]").each(function () { this.checked = false; });


Case 5：將 ASP.Net 的 TextBox 內容清除。
假設輸入方塊 tbx_date_start 已經有使用者輸入的資料，則可以使用
$("input[id*=tbx_date_start]").val("");