Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在JavaScript中检查变量值?_Javascript_Jquery - Fatal编程技术网

如何在JavaScript中检查变量值?

如何在JavaScript中检查变量值?,javascript,jquery,Javascript,Jquery,使用下面的代码时,单击按钮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="

使用下面的代码时,单击按钮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>

描述
asc
功能回复\u点击(点击\u id)
{
var content=单击的\u id;
如果(var内容=asc){
$('#asc').hide();
$('#desc').show();
}
如果(变量内容=描述){
$('#asc').show();
$('#desc').hide();
}
警报(内容);
}

在javascript中比较字符串值的方法是使用===运算符。由于您要查找的元素的id是if语句中的字符串,请尝试以下操作:

if(content === 'asc') 
以及:

这将id与字符串“asc”和字符串“desc”进行比较


===运算符表示相等值和相等类型,因此它会检查左侧的变量是否与右侧的变量具有相同的类型(本例中为字符串)和相同的值。

不确定您需要什么,但请尝试以下方法:


描述
asc
#描述{
显示:无
}
$(文档).ready(函数(){
$(“#表单内容按钮”)。单击(函数(){
$(“#表单内容按钮”).toggle();
警报(this.id);
});
});

除了您的asc和desc应该在引号中之外,它看起来是正确的。否则它会认为这是一个变量。在检查内容时,您也在重新声明内容,这可能会产生错误(丢失var)。
if(var content=asc)
应该是
if(content=='asc')
一些解释会使这是一个更好的答案。
if(content === 'asc') 
if(content === 'desc')
<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);
    });
});