咋天,在公司里做一个小功能,需要将RadioButtonList的值取到,并传到下一个页面中去.
本来对JQuery就不是很熟悉.好不容易把RadioButtonList的值取到了:
$(':radio[name=RadioButtonList1]:checked').val();
可是当我想要取到RadioButtonList1中显示的值时,开始用
$(':radio[name=RadioButtonList1]:checked').text();
结果得到的空值.
由于公司里不让上公网,又要赶进度,于是就用$(':radio[name=RadioButtonList1]:checked').val();取到Value,然后再去一个个判断Value,再将对应的数据传了过去,
晚上回到家里,又在网上GOOGLE了好一阵子,楞是找不一个方法取到radiobuttonlist显示的数据,网上的方法都是取Value的,唉!没撤,于是发挥自己的能力,想办法去解决吧.
运行程序,然后查看源文件:
<table id="RadioButtonList1" border="0">
<tr>
<td><input id="RadioButtonList1_0" type="radio" name="RadioButtonList1" value="1" /><label for="RadioButtonList1_0">何必</label></td>
</tr><tr>
<td><input id="RadioButtonList1_1" type="radio" name="RadioButtonList1" value="2" /><label for="RadioButtonList1_1">旁人</label></td>
</tr><tr>
<td><input id="RadioButtonList1_2" type="radio" name="RadioButtonList1" value="3" /><label for="RadioButtonList1_2">来说媒</label></td>
</tr><tr>
<td><input id="RadioButtonList1_3" type="radio" name="RadioButtonList1" value="4" /><label for="RadioButtonList1_3">同桌的你</label></td>
</tr>
</table>
仔细分析,原来在页面中,每 一个RadioButtonList的项都被分成两部分.
<input id="RadioButtonList1_3" type="radio" name="RadioButtonList1" value="" />
和
<label for="RadioButtonList1_3">同桌的你</label>
然我可以取到选定项的"input",那么我也就可以取到"label",到了选定项对应的label,取到它里面的值,现在就很容易啦.
于是就这样.
$(':radio[name=RadioButtonList1]:checked').next(":label").text();
果然,取到了选定项的显示的数据.
哈哈,终于凭借自己的能力解决了!
HAPPY!
睡觉去啰!明天继续努力!
,