从 javascript 获取 ASPX 单选按钮文本或值

Question

ASPX 单选按钮位于数据列表模板中

<asp:RadioButton ID="RadioButton1" runat="server"  
        GroupName="rdb" 
        Text='<%#  Eval("type1") %>'  
        onclick="Getr1(this)"/>

JavaScript

function getr1(val){
    alert(val)
}

如果我在任何 html 控件中使用此函数，它将返回一个值，但它在 aspx 单选按钮中不起作用。我使用此代码：onchange="GetQty(this.options[this.selectedIndex].value)" 从 aspx 下拉列表中获取选定的索引，它工作得很好，也许有人可以帮助我找出 aspx rb 的正确语法。我已经尝试过onclick="Getr1(this.options[this.checked].value)"，在此先感谢

Answer 1

您的代码很好，只需要稍作改动。

<asp:RadioButton ID="RadioButton1" runat="server"  
    CliientIDMode="Static" GroupName="rdb" 
    Text='<%#  Eval("type1") %>' />

和

 <asp:Label ID="Label1" runat="server" style="font-size: x-small"
    Text='<%# Eval("type1") %>'></asp:Label>

用于获取RadioButton Text的jQuery：

$("#RadioButton1").click(function{
    alert( $(this).siblings('label').text());
});

用于在 RadioButton 旁边获取 asp:Label Text 的 jQuery：

$("#RadioButton1").click(function{
    alert( $(this).siblings('span').text());
});

希望对你有帮助:)

Answer 2

试试这个 JavaScript。

function Getr1(elm) {
    var nextElm = elm.nextSibling;
    //catching white space, comments etc...
    while (nextElm && nextElm.nodeType != 1) {
        nextElm = nextElm.nextSibling
    }
    alert(nextElm.innerHTML);
}

原因：asp:RadioButton在浏览器中是这样渲染的

<input id="MainContent_RadioButton1" type="radio" onclick="Getr1(this);" 
     value="RadioButton1" name="ctl00$MainContent$rdb">
<label for="MainContent_RadioButton1">your rendered text here</label>

如果你使用jQuery，它会像这样简单。

function Getr1(elm) {
    alert( $(elm).next().html() );
}