jquery - 如何检测单击了哪个单选按钮（动态）以及如何获取值

Question

我有一些动态单选按钮，现在我的问题是如何检测选择/单击了哪个单选按钮以及如何获取所选单选按钮的值？我的代码：

<div class="well sidebar-nav  rbatch">
<ul class="nav nav-list">
<li class="nav-header">
<?php
  include 'connect.php';
  $result = mysql_query('select * from batches');       
  $index=0;
  while($row=mysql_fetch_array($result))
  echo "<label class='radio'>
       <input type='radio' id='".$index++."'> Check me out
    </label>"           
?>
</li>
</ul>
</div>

Answer 1

http://jsfiddle.net/ctFt7/

您的单选按钮必须具有相同的名称，以便在任何时候只能选择 1 个按钮。

$('input[type="radio"]').on('change',function(){
            alert($(this).val());
});

Answer 2

试试这个：

$('input:radio').change(function(){
   var id = $(this).attr('id');
   var val = $(this).val()
})

Answer 3

简单的。做这样的事情：

​$(function() {
    $('input[type=radio]').on("change",function() {
        alert($(this).val());
    });  
});​

查看演示

Answer 4

$("input:radio").attr("checked").each(function()
{
           alert($(this).val());    
});