Question

使用下面的代码点击按钮 asc 会导致隐藏按钮 asc 并显示按钮 desc ，然后提醒值。当点击按钮 desc 时，应为按钮 asc 执行show()，并为按钮 desc 执行hide()。并且值应该再次显示在警报消息中。

我怎样才能得到这种行为？

<script src="http://code.jquery.com/jquery-1.7.2.js"></script>
<form method="post" id="form_content">
    <button id="desc" name="desc" value="desc" onclick="reply_click(this.id)">desc</button>
    <button id="asc" name="asc" value="asc" onclick="reply_click(this.id)" style="display:none;">asc</button>
</form>

<script>
function reply_click(clicked_id)
{
    var content = clicked_id;
    if (var content = asc) {
        $('#asc').hide();
        $('#desc').show();
    }
    if (var content = desc) {
        $('#asc').show();
        $('#desc').hide();
    }
    alert(content);
}
</script>

Answer 1

if (content === 'asc') {
    $('#asc').hide();
    $('#desc').show();
}
if (content === 'desc') {
    $('#asc').show();
    $('#desc').hide();
}

Answer 2

比较javascript中字符串值的方法是使用===运算符。由于您要查找的元素的id是if语句中的字符串，请尝试：

if(content === 'asc')

和：

if(content === 'desc')

将id与字符串'asc'和字符串'desc'进行比较。

===运算符表示相等的值和相等的类型，因此它检查左边的var是否是相同的类型（在这种情况下是字符串）和与右边的var相同的值。

Answer 3

不确定您需要什么，但请尝试：http://jsfiddle.net/kg005f4v/

<form method="post" id="form_content" action="Javascript:void(0);">
    <button id="desc" name="desc" value="desc">desc</button>
    <button id="asc" name="asc"  value="asc">asc</button>
</form>

#desc{
    display:none
}

$(document).ready(function(){
    $('#form_content button').click(function(){
        $('#form_content button').toggle();
        alert(this.id);
    });
});

如何在JavaScript中检查变量值？

3 个答案: