[Javascript] 使用jQuery對ASP.NET常用元件取值和改值

記錄如何使用jQuery對ASP.NET的常用元件做取值和改值的動作，當然，以下的方法並不是唯一的方法~

TextBox and HiddenField

$('#<%=TextBox1.ClientID %>').val(); //取Text值
$('#<%=TextBox1.ClientID %>').val('Tim'); //改Text值

Label

$('#<%=Label1.ClientID %>').text(); //取Text值
$('#<%=Label1.ClientID %>').text('Tim'); //改Text值

DropDownList and ListBox

$('#<%=DropDownList1.ClientID %> option:selected').val(); //取Value值
$('#<%=DropDownList1.ClientID %> option:selected').text(); //取Text值
$("#<%=DropDownList1.ClientID %> option:selected").text('Tim'); //改Text值
$('#<%=DropDownList1.ClientID %>').val('Tim'); //依Text改選項
$('#<%=DropDownList1.ClientID %>')[0].selectedIndex = 3; //依Index改選項

CheckBox and RadioButton

$('#<%=Object1.ClientID %>').attr("checked"); //是否有打勾：打勾回傳true，沒打勾回傳false
$('#<%=Object1.ClientID %>').attr("checked", true); //打勾
$('#<%=Object1.ClientID %>').attr("checked", false); //取消打勾
$('#<%=Object1.ClientID %>').next('label').text(); //取Text值
$('#<%=Object1.ClientID %>').next('label').text('Tim'); //改Text值

CheckBoxList and RadioButtonList(跟CheckBoxList一樣，差別在type是radio)
下面的範例是CheckBoxList

//如果要取Value，要自行Add Attribute來記錄Value值(下面的範例是AddAttr)，才比較好取Value值

 
 

//找出有打勾的
$("#<%=CheckBoxList1.ClientID %> input[type=checkbox]:checked").each(function() {
 $(this).parent().attr("AddAttr"); //是否有打勾：打勾回傳true，沒打勾回傳false
 $(this).attr("checked", true); //打勾
 $(this).attr("checked", false); //取消打勾
 $(this).parent().text(); //取Text值
 $(this).next('label').text('ccc'); //改Text值
});

至於如何取得UserControl的值，可參考此篇。