Question

就像标题所说，我希望用户点击按钮并获得新值。在这种情况下，它是一个按钮，用于将菜单从隐藏切换为可见和来回切换。这是我的代码。

我希望它说“显示菜单”和“隐藏菜单”

现在我点击，菜单打开并设置新值，菜单可以关闭，但值不会返回。

jquery：

$(function () {   
$("#UIcontainer").hide();

$("#button").click(function() {
$("#UIcontainer").toggle( function() {
    $("#button").val('hide menu');
});
  });
});

Answer 1

$(function () {   
    $("#UIcontainer").hide();

    $("#button").on('click', function() {
        $("#UIcontainer").toggle();
        this.value = this.value == 'hide menu' ? 'show menu' : 'hide menu';
    });
});

FIDDLE

Answer 2

尝试：

$(function () {   
$("#UIcontainer").hide();

$("#button").click(function() {
$("#UIcontainer").toggle();
$(this).val($(this).val() == "hide menu" ? "show menu" : "hide menu");
  });
});

Answer 3

经过测试和工作魅力

<input type="button" id="button" value="hide menu" />
<div id='UIcontainer'>fladfl</div>

<script type="text/javascript">
$(function () {   
    $("#button").click(function() {
        var val = $(this).val();
        if(val=="hide menu") {
            $("#button").val('show menu');
        } else {
            $("#button").val('hide menu');  
        }
        $("#UIcontainer").toggle();
    });
}); 
</script>

Answer 4

会是这样的。为您的按钮设置属性。例如切换。

<input type="button" toggle="show">


$(function () {   

    $("#button").click(function() {
        if ($this.attr("toggle")=="show"){
            $("#UIcontainer").show();
            $this.attr("toggle")="hide"
        }
        else{
            $("#UIcontainer").hide();
            $this.attr("toggle")="show"
        }
    });

});

切换按钮值的简单方法

4 个答案: