检测按钮单击表单项

Question

我有一份商店物品清单。每个项目都以一种形式显示其价值。

<?php       

if($statement->execute())

{

    $result = $statement->fetchAll();

    $output = '';

    foreach($result as $row)

    {

        $output .= '

            <div class="col-md-3" style="margin-top:12px;">  

            <div class="item-content" align="center">

            <div class="img-container">

                <img src="../administrar/application/admin/productos/'.$row["image"].'" class="img-responsive" /><br />

                <h4 class="text-info">'.$row["name"].'</h4>

                <h4 class="text-danger">$ '.$row["price"] .'</h4>

                <input type="text" name="quantity" id="quantity' . $row["id"] .'" class="form-control" value="1" style="text-align:right;"/>

                <input type="hidden" name="hidden_name" id="name'.$row["id"].'" value="'.$row["name"].'" />

                <input type="hidden" name="hidden_price" id="price'.$row["id"].'" value="'.$row["price"].'" />

        

                <div class="input-group">

                <span class="input-group-btn">

                <button type="button" class="btn btn-danger btn-number" name="restar"  id="'.$row["id"].'" " >

                <span class="glyphicon glyphicon-minus"></span>

                </button>

                </span>

                   

                <span class="input-group-btn">

                <button type="button" class="btn btn-success btn-number" name="sumar" id="sumar"">

                <span class="glyphicon glyphicon-plus"></span>

                </button>

                </span>

                </div>          

我需要确定用户何时单击某个表单项中的“重新启动”按钮。

这是我当前的脚本，但它没有启动预期的警报。

<script type="text/javascript">

    $(document).ready(function(){

        var product_id = $(this).attr("id");

        $('#restar'+'product_id+').on('click', function(event) {

            alert("ssssspp2");

        });

    });

</script>

Answer 1

用于class描述相似的对象，例如：$('.js-some-btn').click(function() {&nbsp; &nbsp; console.log("I'm button");&nbsp; &nbsp; console.log("My id is " + $(this).attr('id'));});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><button type="button" class="btn btn-success btn-number js-some-btn" name="sumar1" id="id1">btn 1</button><button type="button" class="btn btn-success btn-number js-some-btn" name="sumar2" id="id2">btn 2</button>这种方法允许您为具有提供的类的所有按钮编写一次单击处理程序。