使用jquery获取单击按钮的值

时间:2015-02-18 20:23:10

标签: javascript php jquery html


我想使用ajax发送点击按钮的值。

这里是按钮代码:

<button id="accept" value="1">Accept</button> 
<button id="reject" value="1">Reject</button>
<br><button id="accept" value="2">Accept</button> 
<button id="reject" value="2">Reject</button>
<br><button id="accept" value="3">Accept</button> 
<button id="reject" value="3">Reject</button>

和jquery代码:

<script> 
var url = 'server.php';
$("#accept").click(function() {
    $.ajax({
        url : url,
        type: 'post',
        data : {
            id : $("#accept").val(),
            action : 'accept',
        }
    });
});
$("#reject").click(function() {
    $.ajax({
        url : url,
        type: 'post',
        data : {
            id : $("#reject").val(),
            action : 'reject'
        }
    });
});
</script>

&#39; id&#39;在ajax中发送的应该是按下按钮的值。
我们将非常感谢您的帮助。

1 个答案:

答案 0 :(得分:3)

请勿使用重复的 ID id应该是唯一的。

并且由于按钮值是一个属性,您需要在jquery中使用.attr()方法。这应该这样做

<script type="text/javascript">
    $(document).ready(function() {
        $('.my_button').click(function() {
            alert($(this).attr("value"));
        });
    });
</script>