多选输入：一个jquery函数中的radio元素答案

【问题标题】：Mulitiple selection of input:radio elements in one jquery function多选输入：一个jquery函数中的radio元素
【发布时间】：2012-03-22 20:09:13
【问题描述】：

我有四个 RadioButtonList，我想从中选择 input:radio。我使用此代码：

$("#<%=rblTipoviMKR.ClientID%> input:radio,#<%=rblTipoviMKD.ClientID%> input:radio,#<%=rblTipoviMKU.ClientID%> input:radio,#<%=rblTipoviMKV.ClientID%> input:radio").change(function (event) {
        checkTipRadio($(this).val());
    });

我的问题是，我能否以及如何首先设置并在选择器的末尾放置所有四个 RadioList 的 input:radio？像这样的：

$("#<%=rblTipoviMKR.ClientID%>,#<%=rblTipoviMKD.ClientID%>,#<%=rblTipoviMKU.ClientID%> ,#<%=rblTipoviMKV.ClientID%> input:radio").change(function (event) {
        checkTipRadio($(this).val());
    });

但这只会选择radio：rblTipoviMKV的输入，

【问题讨论】：

标签： jquery asp.net jquery-selectors

【解决方案1】：

您可以为此目的使用find()：

$("#<%=rblTipoviMKR.ClientID%>, #<%=rblTipoviMKD.ClientID%>, "
    + "#<%=rblTipoviMKU.ClientID%>, #<%=rblTipoviMKV.ClientID%>")
.find("input:radio").change(function() {
    checkTipRadio($(this).val());
});

但是，更易读的解决方案是用特定的 class 属性装饰您的四个 rblTipovi 元素并匹配该类：

$(".yourRblClass input:radio").change(function() {
    checkTipRadio($(this).val());
});

【讨论】：

【解决方案2】：

首先选择所有列表，然后使用find过滤它们：

$("#<%=rblTipoviMKR.ClientID%>,#<%=rblTipoviMKD.ClientID%>,#<%=rblTipoviMKU.ClientID%> ,#<%=rblTipoviMKV.ClientID%>").find('input:radio').change(function (event) {
    checkTipRadio($(this).val());
});

【讨论】：