單擊“特定”按鈕時如何顯示特定值

Question

當我點擊所有按鈕輸出將是相同的（即1）。我想顯示指定按鈕的具體值為例子： - 當我點擊按鈕1然后它必須顯示輸出為1，當我點擊2它必須顯示輸出為請幫助我。

<?php
    for ($i=0; $i < 10 ; $i++) { 
    echo '<br><button value="'.$i.'" class="my_remark_btn">'.$i.'</button>';
 }
?>

<script type="text/javascript">

    $('.my_remark_btn').click(function(){
        remark_aftr_click();  
    });

     function remark_aftr_click(){
        var k = $(".my_remark_btn").val();  
         $.ajax({url: "my_remark_act.php",
             cache: true,
             type: "POST",
             data: {go:k},
            success: function(data_remark_mi){
                alert(data_remark_mi);
           }
         });
      }

</script>

my_remark_act.php： -

<?php echo $_POST['go']; ?>

Answer 1

試試這個例子。

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script
    src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>

$( document ).ready(function() {
    $("button").click(function() {
        alert(this.id); // or alert($(this).attr('id'));
    });
});
  </script>
</head>
<body>
    <button id="some_id1"></button>
<button id="id2"></button>
<button id="id3"></button>
<button id="id4"></button>
<button id="id5"></button>
</body>
</html>

Answer 2

 $('body').append("<button data-value='val' class='my_remark_btn'>val</button>") $(document).on('click', '.my_remark_btn', function() { alert($(this).attr('data-value')) })

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

按鈕沒有value 。
使用數據屬性，如data-value 。
使用此上下文為點擊按鈕獲取$(this).attr('data-value') 。
使用事件委托來動態添加元素。

Answer 3

試一試

jQuery的

$('.my_remark_btn').click(function(){ // when a button is clicked
    var value = $(this).value; // get the value of that specific button
    alert(value); // alert the value to the page (to make sure it is correct)
    remark_aftr_click(value);  // run function, with value as a parameter
});

function remark_aftr_click(val){  
    $.ajax({
        url: "my_remark_act.php",
        cache: true,
        type: "POST",
        data: {go: val}, // post data to Ajax with CORRECT value
        success: function(data){
            alert(data); // alert returned data
        }
    });
}

為什么你的代碼不起作用 ：

當您之前檢索.my_remark_btn的value時，您只獲得具有該特定類的第一個元素的value 。

如何讓它工作 ：

相反，您需要將value作為function的參數傳遞（同時將this用作選擇器以獲取該特定按鈕的值）。

希望這可以幫助：-）

Answer 4

你可以使用JQuery。 試試下面的代碼。

      // this will fire for all button having class '.my_remark_btn'
      $('.my_remark_btn').click(function(){

           // using $(this) you will get the current element
            var value = $(this).val();
            console.log(value);
      });

在您的代碼中，您通過var k = $(".my_remark_btn").val();來訪問值var k = $(".my_remark_btn").val(); ，這只會返回類my_remark_btn的first按鈕的值。

Answer 5

你需要$(this).attr("value")如下所示： -

<script type="text/javascript">
    $('.my_remark_btn').click(function(){
        var k = $(this).attr("value");
        $.ajax({url: "my_remark_act.php",
             cache: true,
             type: "POST",
             data: {go:k},
            success: function(data_remark_mi){
                alert(data_remark_mi);
            }
         });
     });
</script>

例：-

 $('.my_remark_btn').click(function(){ var k = $(this).attr("value"); alert(k); });

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

單擊“特定”按鈕時如何顯示特定值

問題描述

5 個解決方案

解決方案1
2 2017-01-12 06:32:31

解決方案2
2 2017-01-12 06:34:02

解決方案3
1 2017-01-12 06:31:35

解決方案4
1 2017-01-12 06:40:32

解決方案5
0 已采納 2017-01-12 06:32:13

單擊“特定”按鈕時如何顯示特定值

問題描述

5 個解決方案

解決方案1 2 2017-01-12 06:32:31

解決方案2 2 2017-01-12 06:34:02

解決方案3 1 2017-01-12 06:31:35

解決方案4 1 2017-01-12 06:40:32

解決方案5 0 已采納 2017-01-12 06:32:13

解決方案1
2 2017-01-12 06:32:31

解決方案2
2 2017-01-12 06:34:02

解決方案3
1 2017-01-12 06:31:35

解決方案4
1 2017-01-12 06:40:32

解決方案5
0 已采納 2017-01-12 06:32:13