• 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」のアラートが表示されます。
    これを応用して、いろいろできそう。
    
  • 相关阅读:
    Noip2017 提高组初赛 游(baozha)记
    bzoj4557
    MVVM
    当下较热web前端技术汇总
    JQ 常见demo
    各种宽高
    JQuery 总结
    自定义滚动条配合鼠标滚轮demo
    H5 触摸事件
    SQL必备知识点
  • 原文地址:https://www.cnblogs.com/haiy/p/4079147.html
Copyright © 2020-2023  润新知