ASP.NET webform jquery 获取服务器控件的值、索引

获取textbox控件的值：

$(\"#<%=tbFA.ClientID %>\");

获取dropdownlist的选中索引值：

$(\"#<%=ddlPressrePlace.ClientID %>\").find(\"option:selected\").index()

获取radiobuttonlist的选中索引值：

$(\"#<%=rdoAppResult.ClientID%>\").find(\"input[type=radio]:checked\").parent(\"td\").index()

radiobuttonlist和checkboxlist类似。

var tbFA=$(\"#<%=tbFA.ClientID %>\"); //获取textbox控件var index= $(\"#<%=ddlPressrePlace.ClientID %>\").find(\"option:selected\").index();//获取dropdownlist 的选中项//获取radiobuttonlist的选中项  change事件$(\"#<%=rblHobbies.ClientID%> input[type=radio]\").bind(\"change\", function () {if ($(this).val() != \"\") {$(\"#message\").text(\"Text：\" + $(this).next().text() + \"  Value:\"+$(this).val());} });//获取radiobuttonlist的选中索引值var result = $(\"#<%=rdoAppResult.ClientID%>\").find(\"input[type=radio]:checked\").parent(\"td\").index();

所需jquery知识

jquery选择器

find()

find() 返回所选元素的后代，children() 返回的是直接子元素。例如：

$(\"#test\").find(\"*\")

表示选择id为test 元素的所有后代元素，

$(\"#test\").children(\"*\")

表示选择id为test 元素的所有直接子元素

<div><p>我是p元素<a>a链接-我是后代元素</a></p><span>我是span</span><a>a链接-我是直接子元素</a></div>

$(\"div\").children(\"a\").css(\"color\",\"#f00\");

$(\"div\").find(\"p\").find(\"a\").css(\"color\",\"#f00\");

parent()

直接父元素

index()

$(selector).index()

：表示获得第一个匹配元素相对于其同胞元素的 index 位置。

$(selector).index(element)

：表示获得指定元素

alert($(\"div\").children(\"a\").css(\"color\",\"#f00\").index());//2