如何在JavaScript中检查变量值?
使用下面的代码时,单击按钮asc应导致隐藏按钮asc并显示按钮desc,然后警告该值。单击按钮desc时,应为按钮asc执行如何在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="
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);
});
});