Question

我想使用jquery切换功能切换按钮的值，但它不起作用

我的按钮如下：

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

现在我想通过jquery切换点击发送消息到点击隐藏消息，这可能吗？

Answer 1

如果你的意思是切换，当你再次点击它时它会恢复原状。试试这个：

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

Answer 2

我认为切换功能有点棘手。我为你创造了一个小提琴，请检查。

http://jsfiddle.net/8udzL/

$(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");
    }
});

}）;

Answer 3

请查看http://jsfiddle.net/QcUtc/

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

$('#send_message_button').click(function(){
    $(this).val("Click to hide message");  
});

Answer 4

<input type="button" value="Click to send message" OnClick="toggle()"  id="send_message_button">

function toggle(){
    $('#send_message_button').val("Click to hide message");  
}

Answer 5

我不确定，它会是一个很好的解决方案，但请将其作为其中一个案例来阅读。 JsFiddle

添加数据属性：

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

Js代码：

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

Answer 6

您好试试这个：http://jsfiddle.net/zander_pope/udu5cchh/

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

这将有效并且可以适应您的代码。

切换按钮Jquery的值

6 个答案: