Question

我的格式如下：

<div class="col-md-12 col-lg-12 col-xs-12 padding_left_right_none padt18">
<?php foreach ($events['rows'] as $key => $value) { ?>
<div class="col-md-3">
<p class="event_id_data">
<input type="radio" name="event_id" id="event_id" value=" <?php echo $value->id; ?>" >
<?php echo $value->id; ?>
</p>
</div>
<?php } ?>
</div>

对于无线电值，我在单击p标签时使用了此代码，但返回的值为未定义值

<script type="text/javascript">
   $(document).ready(function(){
      $('input[name=event_id]').hide();

      $(".event_id_data").click(function() 
       {

      alert($('input[name=event_id]:checked').val()); 

       });
   })
</script>

我在这里做错什么，如何在jquery中获取特定收音机的值

Answer 1

为什么不将事件处理程序附加到自身的元素上：

$('#event_id').on('change', function() {
     alert($('#event_id input:radio:checked').val());
});

Answer 2

如果您想为单选按钮分配不同的ID，可以执行以下操作

<?php $i=0;
foreach ($events['rows'] as $key => $value) { 
?>
<div class="col-md-3">
<p class="event_id_data">
<input type="radio" name="event_id" id="<?php echo $i; $i++; ?>" value=" <?php echo $value->id; ?>" >
<?php echo $value->id; ?>
</p>
</div>
<?php } ?>

我如何获得特定收音机的价值

2 个答案: