jquery 检查 onload 选中了哪个单选按钮

Question

给定以下 html

<input id="IBE1_IBE_NurFlug1_RadioButtonList1_0" 
       name="IBE1$IBE_NurFlug1$RadioButtonList1" value="Blue" type="radio">
<label for="IBE1_IBE_NurFlug1_RadioButtonList1_0">Blue</label>

<input id="IBE1_IBE_NurFlug1_RadioButtonList1_1" 
       name="IBE1$IBE_NurFlug1$RadioButtonList1" value="Green" checked="checked" 
       type="radio">
<label for="IBE1_IBE_NurFlug1_RadioButtonList1_1">Green</label>

http://jsfiddle.net/pcBJL/2/

我如何执行类似的操作

如果选中蓝色单选按钮，则... 如果选中绿色单选按钮，请执行...

提前致谢...

Answer 1

使用 attribute-equals （用于名称匹配）和 :checked 选择器，如下所示：

$(function() {
  var val = $("input[name='IBE1$IBE_NurFlug1$RadioButtonList1']:checked").val();
  if(val === "Blue") {
    //do something
  } else {
    //do something else
  }
});

您可以在这里测试。

由于您似乎在 ASP.Net 中，因此您的页面中需要一个像这样的选择器：

$("input[name$='RadioButtonList1']:checked").val();

这是 attribute-ends-with 选择器，用于处理 ASP.Net 附加的命名容器前缀。

Answer 2

抓住选中的项目并测试其值。

$(document).ready(function() {
switch ($('input:checked').val()){
    case 'Green':
        //do something green
        break;
    case 'Blue':
        //do something blue
        break;
    default:
        //do something else
}

});