zoukankan      html  css  js  c++  java
  • javascript RadioButtonList 選択値

    【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」のアラートが表示されます。
    これを応用して、いろいろできそう。
    
  • 相关阅读:
    c# 之 事务
    Asp.Net 之 js/jquery获取服务器端控件
    产品能力框架图
    软件测试职业发展规划图
    Loadrunner 工作原理图
    Linux内核性能测试工具全景图
    Linux 性能监控分析
    软件藏宝图
    Haproxy 8种算法+Session共享
    Keepalived+Haproxy实现高可用负载均衡
  • 原文地址:https://www.cnblogs.com/haiy/p/4079147.html
Copyright © 2011-2022 走看看