切换按钮Jquery的值

我想使用jquery切换函数切换button的值，但它不起作用

我的按钮如下：

<input type="button" value="Click to send message"  id="send_message_button">

现在我想用jquery将单击发送消息切换为单击隐藏消息，这可能吗？

请查看

请看一看

---

如果您的意思是切换，就像再次单击时它会恢复一样。试试这个：

var clicked = false;
$('#send_message_button').click(function(){
    $(this).val("Click to "+ (clicked? "send": "hide") + " message");
    clicked = !clicked;
});

---

如果您的意思是切换，就像再次单击时它会恢复一样。试试这个：

var clicked = false;
$('#send_message_button').click(function(){
    $(this).val("Click to "+ (clicked? "send": "hide") + " message");
    clicked = !clicked;
});

---

我认为切换功能有点棘手。我为你做了一把小提琴，请查收

---

})

我认为切换功能有点棘手。我为你做了一把小提琴，请查收

---

})

我不确定这是否是一个好的解决方案，但请将其作为案例之一阅读。

添加数据属性：

---

我不确定这是否是一个很好的解决方案，但请将其作为案例之一阅读。

添加数据属性：

你好，试试这个：

这将起作用，并且可以根据您的代码进行调整。

您好，请尝试以下操作：

---

这将起作用，并且可以根据您的代码进行调整。

切换用于在两个实体之间切换。但在这里，您只需要单击一下按钮，将按钮的值更改为其他值。所以下面的答案很好。查找jQuery toggle是的，这是可能的，但我认为jQuery toggle不是解决这个问题的最佳方法，因为您要更改的属性是value而不是class。toggle用于在两个实体之间切换。但在这里，您只需要单击一下按钮，将按钮的值更改为其他值。所以下面的答案很好。查找jQuery toggle是的，这是可能的，但我认为jQuery toggle不是解决这个问题的最佳方法，因为您要更改的属性是值而不是类。回答非常好，非常好。回答非常好，非常好。写起来太多了。看尼克斯的答案，写起来太多了。见尼克斯的回答。意味着两种状态之间的交替，但您的解决方案不会将值更改回原始值。意味着两种状态之间的交替，但您的解决方案不会将值更改回原始值。

var clicked = false;
$('#send_message_button').click(function(){
    $(this).val("Click to "+ (clicked? "send": "hide") + " message");
    clicked = !clicked;
});

$(document).ready(function () {
$('#send_message_button').click(function () {

    if ($('#send_message_button').val() == "Click to send message") {
        $('#send_message_button').val("Click to hide message");
    } 
    else
    {
    $('#send_message_button').val("Click to send message");
    }
});

<input type="button" value="Click to send message" data-value="Click to hide message"  id="send_message_button" />

$('#send_message_button').on('click', function(){
    $(this).val((function(input) {var alt = $(input).data('value'); $(input).data('value', $(input).val()); return alt;})(this))  
});

$(function () {
    $('.button').on('click', function (e) {
        if (!$('.dd').val()) {
            $('.dd').val("relevance");
        } else {
            $('.dd').val("");
        }
    });
});
$(function () {
    $('.button').on('click', function (e) {
        $('.search').click();
    });
});