Question

您好，并提前感谢我在这里找到的社区帮助。即使对于像我这样的jQuery newb，我一直在修补看似非常直接的任务。我有一个绑定到集合的radiobuttonlist控件：

<asp:RadioButtonList ID="radBtnLstPackageSelector" runat="server" 
 CssClass="PackageS">
</asp:RadioButtonList>

我的表单确实有几个相同类型的其他控件; 现在，挑战在于为radBtnLstPackageSelector中的每个单选按钮选择并连接一个on Click事件。
我尝试了几种方法，例如：

var results1 = $(".PackageS").children("input");
var results1 = $(".PackageS").children("input[type=radiobutton");
var results1 = $("table.PackageS > input[type=radiobutton");

没有运气...... 你的帮助现在很棒！〜米

Answer 1

因此，您希望.PackageS中的每个单选按钮都有一个点击事件。是吗？

如果是这样，请执行以下操作：

$(function() {
    $(".PackageS :radio").click(function() {
        alert( $(this).val() );  // Alerts the value of the radio button.
    });
});

Answer 2

您也可以使用ASP.NET将生成的元素的ID来定位它（尽管这不是最佳解决方案，并且可能会在将来的ASP.NET版本中更改）：

$(function() {
    $("[id*=radBtnLstPackageSelector]:radio").click(function() {
        alert( $(this).val() );  // Alerts the value of the radio button.
    });
});

radBtnLstPackageSelector内的所有ID都将采用
的形式 [other naming containers if there are any]_radBtnLstPackageSelector_[index of the element 1..last]

使用jQuery选择在asp.net RadioButtonList中填充的radiobuttons

2 个答案: