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」のアラートが表示されます。
    これを応用して、いろいろできそう。
    
  • 相关阅读:
    构建之法阅读笔记02
    第六周总结
    第四周总结
    课堂练习——数据爬取
    【Spring实战4】02---Spring容器
    【Spring实战4】01---初接触
    性能测试总结(三)--工具选型篇
    性能测试总结(二)---测试流程篇
    性能测试总结(一)---基础理论篇
    接口测试总结【转】
  • 原文地址:https://www.cnblogs.com/haiy/p/4079147.html
Copyright © 2011-2022 走看看