Question

我试图在每次点击时设置按钮的值。如果值为“接受”，则将其设置为“取消”，反之亦然。

目前我有：$('button').attr({ value:"Accept"})。

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

如果属性值='接受'，请将其设为'拒绝'，否则将其设为'接受'。

非常感谢

Answer 1

你走了：

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

现场演示： http://jsfiddle.net/kF378/1/

Answer 2

您需要的只是Click处理程序中的if / then语句，它检查按钮的当前状态，然后相应地设置它。

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

Answer 3

Sime的回答可能更好，但我会发布这个以获取乐趣：

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

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

JSFiddle

jQuery：检查属性'Value'的值并进行更改

3 个答案: