如何使用切换功能更改按钮文本

Question

按钮:

<button type="submit" id="status" class="button" value="True"><span>followed</span></button>

jQuery的:

<script>
$(".button").toggle(function() {
    $(this).val('followed');
}, function(){
    $(this).val('follow');
});
</script>

当用户单击按钮时,我希望它切换到另一个值.但是现在当我运行代码时,按钮就会从页面中消失!这段代码出了什么问题？

编辑:谢谢你的帮助.这是整个更新的jQuery:

<script>
$(document).ready(function(){
    $(".button").click(function() {
        var status = $("#status").val();
        var course = $("#course").html()

        //NEW SECTION that I'm having trouble with
        if ($(".button span").html() == "followed") {
            $(".button").on("mouseover", function () {
            $(".button span").html() = "unfollow";
}}

        $.ajax({
            type: "POST",
            url: "/follow",
            data: 'status=' + status + "&course=" + course,
            success: function() {
$(".button span").html($(".button span").html() == 'followed' ? 'follow' : 'followed');
$(".button").val($(".button").val() == 'True' ? 'False' : 'True');
}
        });
        return false;
    });
});
</script>

onclick工作.然后我添加了新的onmouseover代码,将"follow"更改为"unfollowed",当我运行它时,我得到了

405 Method Not Allowed

The method POST is not allowed for this resource.

onmouseover代码有什么问题？

另外,功能是什么

return false;

？

Answer 1

工作实例

$(".button").click(function() {
     $(".button span").html($(".button span").html() == 'followed' ? 'follow' : 'followed');
});