gpt4 book ai didi

php - jquery 点击隐藏和显示另一个按钮

转载 作者:行者123 更新时间:2023-11-30 12:59:07 24 4
gpt4 key购买 nike

我有两个按钮设置为隐藏:

<input type="button" id="a" style="display:none;" value="A" />
<input type="button" id="b" style="display:none;" value="B" />

我有一个 jquery,我在其中检查从数据库中获取的一些条件。将显示其中一个按钮,这取决于条件是 1 还是 0。这意味着当我单击任何按钮时,它必须隐藏而另一个必须显示。?但它没有发生..我点击的按钮被隐藏并且另一个按钮没有显示..如果有人可以提供帮助..我的jquery:

$(document).ready(function() {
var condition = "<?php echo $condition; ?>"; //i get this from database
var c = condition;


if(c == 0){

$('#a').css({'display':''});
$('#a').click(function(){
$('#a').hide();
$('#b').show();

});
}else if(c == 1){

$('#b').css({'display':''});
$('#b').click(function(){
$('#b').hide();
$('#a').show();
}
});

最佳答案

您需要将 .click(function(){}) 移到 if/else block 之外,如 condition/c永远不会改变,所以只有第一个 .click(function(){}) 有效。另一个永远不会被调用。这样,您的隐藏/显示独立于 condition/c 值。

$(document).ready(function() {
var condition = <?php echo $condition; ?>; //i get this from database
var c = condition;


if(c == 0){

$('#a').css({'display':''});
}else if(c == 1){

$('#b').css({'display':''});
}

$('#a').click(function(){
$('#a').hide();
$('#b').show();
});
$('#b').click(function(){
$('#b').hide();
$('#a').show();
});
});

请参阅此 jsFiddle 示例 - http://jsfiddle.net/bWJ5A/1/

关于php - jquery 点击隐藏和显示另一个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17929291/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com