Question

JQUERY

当我点击两个2按钮时，它只返回值1

$(document).ready(function() {
    var getvalue = $(".view_btn").val();
    $(".view_btn").click(function() {
        alert(getvalue);
    });
});

PHP

<?php foreach ($studentRankingViewGET as $studentRankingViewSHOW) {?>
<input type="button" value="<?php echo $studentRankingViewSHOW['id'];?>" class="view_btn">
<?php } ?>

这返回了2个值.i.e。 1和2

Answer 1

＆＃13;

$('.view_btn').click(function(){
alert($(this).val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<input type="button" value="123" class="view_btn"/>
   <input type="button" value="456" class="view_btn"/>

＆＃13;

你应该使用$（this）作为引用对象。

Answer 2

由于您有两个具有相同class的按钮。您可以使用this获取点击的元素。

＆＃13;

$(".view_btn").click(function() {
     alert($(this).val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="view_btn" value="Button 1">Button 1<button>
<button class="view_btn" value="Button 2">Button 2<button>

＆＃13;

Answer 3

这也将支持动态内容

＆＃13;

$(".view_btn").on("click", function() {
     alert($(this).val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="view_btn" value="Button 1">Button 1<button>
<button class="view_btn" value="Button 2">Button 2<button>

＆＃13;

PHP只返回第一个值

3 个答案: