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/

我该如何执行

等操作

如果检查了radiobutton blue，请执行... 如果检查了radiobutton green，请执行...

提前感谢...

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
  }
});

You can test it here

既然你似乎在ASP.Net中，你需要在你的页面中使用这样的选择器：

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

这是attribute-ends-with selector，用于处理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
}

}）;

jquery检查onload检查哪个radiobutton

2 个答案: