首页 > 编程语言 > 详细

javascript RadioButtonList 選択値

时间:2014-11-06 17:18:25      阅读:282      评论:0      收藏:0      [点我收藏+]
【ASPXソース】
<%-- クリックするとアラート表示--%>
<input id="button1" type="button" value="選択表示" 
  onclick="getCheckedRadio(‘<%= RadioButtonList1.ClientID %>‘)"/>

<%-- ラジオボタンリスト--%>
<asp:RadioButtonList ID="RadioButtonList1" runat="server">
  <asp:ListItem>AAA</asp:ListItem>
  <asp:ListItem Selected="True">BBB</asp:ListItem>
  <asp:ListItem>CCC</asp:ListItem>
</asp:RadioButtonList>


【javascript(jQuery)ソース】
//この引数idはコントロールIDの文字列を渡してください。
function getCheckedRadio(id) {

  //各Itemの配列を取得
  //↓javascriptならこれ
  var radio = document.getElementById(id).getElementsByTagName("input");

  //↓jQueryならこれ
  //var radio = $("#" + id + " :radio");

    for (var j = 0; j < radio.length; j++) {

       //選択されたラジオボタンの時
       if (radio[j].checked)
        
        //アラート表示
        alert(radio[j].value);

    }
}



これで、選択表示ボタンをクリックすると、「BBB」のアラートが表示されます。
これを応用して、いろいろできそう。

 

javascript RadioButtonList 選択値

原文:http://www.cnblogs.com/haiy/p/4079147.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!