jQuery:检查属性的值';价值';改变

jQuery:检查属性的值';价值';改变,jquery,button,attributes,attr,Jquery,Button,Attributes,Attr,我试图设置每次单击时按钮的值以进行更改。如果该值为“接受”,则将其设置为“取消”,反之亦然 目前我有:$('button').attr({value:“Accept”}) 现在,这将按钮的值设置为Accept。我想做点什么: 如果属性值为“接受”,则将其设置为“拒绝”,否则将其设置为“接受”。 非常感谢给你: $( button ).click( function () { this.value = this.value === 'Accept' ? 'Decline' : 'Accep

我试图设置每次单击时按钮的值以进行更改。如果该值为“接受”,则将其设置为“取消”,反之亦然

目前我有:
$('button').attr({value:“Accept”})

现在,这将按钮的值设置为Accept。我想做点什么:

如果属性值为“接受”,则将其设置为“拒绝”,否则将其设置为“接受”。

非常感谢

给你:

$( button ).click( function () {
    this.value = this.value === 'Accept' ? 'Decline' : 'Accept';
});

实时演示:

您所需要的只是单击处理程序中的if/then语句,用于检查按钮的当前状态,然后进行相应设置

$('button').bind('click', function () {
    var $this = $(this);
    if ($this.attr('value') == 'Accept') {
        $this.attr('value', 'Decline');
    } else {
        $this.attr('value', 'Accept');
    }
});

Sime的答案可能更好,但为了好玩,我将发布以下内容:

var invert = {
    "Accept": "Decline",
    "Decline": "Accept"
};

$('#foo').click( function () {
    this.value = invert[this.value];
});

不要认为attr有这个签名!我想我应该读我自己的链接,嗯?