如何获取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

使用getAttribute（）方法。

element.getAttribute("Text");

更多信息： https ： //developer.mozilla.org/en-US/docs/Web/API/element.getAttribute？redlocale = en-US＆redctsctsg / DOM％2Felement.getAttribute

Answer 3

要获取文本，您必须在getelement中放置“label”而不是“input”。

试试这样：

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

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());
        })

    }