Jquery 取RadioButtonList选定项的值及显示的数据

咋天,在公司里做一个小功能,需要将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!

睡觉去啰!明天继续努力!

,