按钮定位绑定js

薛伟

从数据库中查询出多条记录，然后循环输出到页面，每条记录显示的后面都有个按钮，当点击该按钮时，会触发相同的js函数，那么如何判断用户单击的是哪条记录后的按钮呢，按钮的id都相同，因为是循环输出的，每条记录的显示都相同，唯一差别就是显示的数据可能不同，我测试了一下，当单击第一条记录后的按钮时，可以触发js，但是当单击第二条及下面的按钮时不会触发js，请高手给个好的解决方案，跪求！！！

visvoy

友情提示：每条记录应该有个ID之类的东西

薛伟

弱弱的问下，啥意思，能不能在清楚点儿，俺是菜鸟

jeongee

把你现在写的代码发出来，让大家看看你要实现的是什么，根据你的描述，我是很头晕，没弄明白

薛伟

PHP复制代码

 
代码如下：
 <?php
 foreach ($results as $item) {
?>
    <p>n day(s) h hour(s) m minute(s) from now <?php echo date('M/D/Y h:i a'); ?></p>
    <p><input type="button" id="acceptIVbtn" value="" name="<?php echo $item->id; ?>" /></p>
 <?php } ?>
 

复制代码

上面的代码循环输出显示页面，最后会出现多个button，我为所有button添加onclick的js处理，

JS复制代码

 
function acceptIVrequest()
{
 $(document).ready(function(){
//  $("#acceptIVbtn").click(function() {
   $(this).attr("disabled", true);
   $.ajax({
     type: 'post',
     dataType: 'json',
     cache: false,
     url: <?php echo '"' . site_url(ajax_post/post_action') . '"'; ?>,
     data: 'interview_id=' + $(this).attr("name"),
     success: function(data) {
      alert(data.message);
        if (data.message == 'ok')
        {
//         window.location.href = '<?php echo site_url('product/index'); ?>';
        }
        else
        {
         $("#hidden").css({"background-color": data.bg_color}).fadeIn('slow');
        }
       },
     error: function(data) {
        $("#hidden").html("An error occurred!").fadeIn("slow");
        }
     });
   $(this).attr("disabled", false);
   return false;
 //});
 });
}

复制代码

当单击页面中的第二个及以后按钮时，不起作用，求助

jeongee

按钮的话给个class吧。用$('.xxx')来批量处理，
比如

<input type="button" class="test" name="可以把id什么的放在这里" />

$('.test').click(function(){$.ajax(),,,,,,.......................................});

水月刀猪

CSS基本常识 ID不能相同，name可以相同

水月刀猪

ID相同，自然前面的ID 都被忽略

薛伟

醒悟，感激