von_blog

出處:https://dotblogs.com.tw/kevinya/2013/10/24/125425

 

總整理：

清空下拉式選單：

//清除DropDownList，這是用selectedIndex的方式去清除
    $('#' + strTableID + ' select').each(function () {
        this.selectedIndex = 0;
    });

//另一種方式
    $("SELECT[id='XDropDownList1']").each(function (index) {
        $(this)[0].selectedIndex = 0;
    });

//或是用option而且取index為零的方式，去清除
//把下拉式選單歸成0
    all_ddls.each(function () {
        $(this).find("option").each(function (Idx) {
        if (Idx==0) {
            $(this).attr("selected", true);
            }
        });

 

清空Label

//方式一
$("#UNDERTAKES_job_code").text("");
$("#UNDERTAKES_job_cname").text("");

//方式二
$("label[id='UNDERTAKES_job_code']").text("");
$("label[id='UNDERTAKES_job_cname']").text("");

 

清空Textbox

//方式一，取type
var all_Inputs = $("input[type=textbox]");
all_Inputs.val("");

//方式二，取id
$("input[id='UNDERTAKES_NO']").each(function (index) {
   $(this).val("");
});

清空checkbox(視jQuery的版本)：

//這個版本比較舊的，多少版我忘了
$('input:checkbox').attr("checked", "");
//這個版本比較新，多少版我忘了
$("input[type='checkbox']").attr("checked", false);

清空radioButton

 //不知道為啥下面這個first-child老是會選到每組radio button的最後一個元素，
//而且我反過來用last-child的話，就jQuery完全沒反應，
//只好改用.each的方式，根據不同的radio button的name去抓不同組的radio button
//$("input[type=radio]:first-child").attr("checked",true);
var all_rbl = $("input[type=radio]");
all_rbl.each(function () {
    var rbl_name = $(this).attr("name");
    $("input[type=radio][name*='" + rbl_name + "']:first").attr("checked", true)
});

清除textarea值 

 $('textarea').attr("value", "");