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

Posted 2023-03-05

【中文标题】多选输入：一个jquery函数中的radio元素

【英文标题】：Mulitiple selection of input:radio elements in one jquery function

【发布时间】：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的输入，

【参考方案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());
);