c# - Radiobuttonlistのテキストを取得するには?

Question

 <asp:RadioButtonList ID="rbl" runat="server" onMouseUp="Myf()">
    <asp:ListItem Text="Yes" Value="1"></asp:ListItem>
    <asp:ListItem Text="No" Value="0"></asp:ListItem>        
    </asp:RadioButtonList>




function Myf() {
            var list = document.getElementById("<%=rbl.ClientID %>"); 
           var inputs = list.getElementsByTagName("input");
            var selected;
            for (var i = 0; i < inputs.length; i++) {
                alert(inputs[i].innerHTML);

            }        

        }

Radiobuttonlist の値を取得しています。Radiobuttonlistのテキストを取得するには?

Answer 1

まず第一に、コードにラジオボタンのテキストがありません

次に、結果の HTML ページのソースを見ると、ラジオ ボタンにテキストを格納するラベルがあることがわかります。したがって、関数内のlabel代わりに探すことができ、テキストを取得しますinput

    function Myf() {
        var list = document.getElementById("<%=rbl.ClientID %>");
        var inputs = list.getElementsByTagName("label");
        var selected;
        for (var i = 0; i < inputs.length; i++) {
            alert(inputs[i].innerHTML);

        }
    }

Answer 2

テキストを取得するには、getelement で「input」の代わりに「label」を入力する必要があります。

このようにしてみてください：

    var inputs = list.getElementsByTagName("label");

Answer 3

getAttribute() メソッドを使用します。

element.getAttribute("Text");

詳細: https://developer.mozilla.org/en-US/docs/Web/API/element.getAttribute?redirectlocale=en-US&redirectslug=DOM%2Felement.getAttribute

Answer 4

<asp:RadioButtonList ID="rbl" runat="server">
    <asp:ListItem Text="Yes" Value="1"></asp:ListItem>
    <asp:ListItem Text="No" Value="0"></asp:ListItem>        
    </asp:RadioButtonList>

$(document).ready(function () {
    $('[id*="rdl"],[type="radio"]').change(function () {
        if ($(this).is(':checked'))
            console.log($(this).next('label').html());
    });
});

Answer 5

これを試して

    function Myf() {
        $("#<%=rbl.ClientID %>").find('input').each(function () {
            var this_input = $(this);
            alert($("#<%=rbl.ClientID %>").find('label[for="' + this_input.attr('id') + '"]').text());
        })

    }