从 jQuery 访问 asp:CheckBox 内部输入答案

【问题标题】：Access asp:CheckBox inner input from jQuery从 jQuery 访问 asp:CheckBox 内部输入
【发布时间】：2011-02-04 14:50:27
【问题描述】：

我有一个jQuery 数组作用于每个具有相应class 的控件：

function Foobar() {
   $('.foo').each(function() {
     // do something with $(this)
   }
}

我可以访问像 <input class="foo"> 这样的客户端控件和像 asp:TextBox CassClass="foo"> 这样的服务器端控件

但是将CssClass 设置为asp:RadioButton 没有任何意义。这是生成的代码：

<span class="foo">
   <input type="radio" />
</span>

如何为内部input 设置class 或使用jQuery 以其他方式收集它？

【问题讨论】：

【解决方案1】：

您可以通过多种方式获取内部输入类型单选元素，例如您可以使用:radio 选择器：

$('.foo input:radio').each(function () {
  //...
});

【讨论】：

它会选择带有 class="foo" 的控件和它们的内部控件吗？
它将选择父级为foo的<input type="radio" />元素。
如果我们只需要在 span 标签中选择由 asp.net 呈现的单选按钮，那么这个解决方案将不起作用我认为这就是我们需要 :only-child 选择器的地方。 .

【解决方案2】：

function Foobar(){
 $('.foo input[type=radio]:only-child').each(function(){
   // do something with $(this)
 });
}

【讨论】：