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

查看demo

Answer 4

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

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

4 个答案: