PHP到JQuery代码转换[If else]_Php_Jquery_Html_Visibility

PHP到JQuery代码转换[If else]

php jquery html

PHP到JQuery代码转换[If else],php,jquery,html,visibility,Php,Jquery,Html,Visibility,我如何在JQuery上实现它？当我单击hide时，元素将被隐藏，而show也将被隐藏，元素将被显示。我该怎么做？谢谢 <form method="POST"> <button type="submit" name="hidden" >Hide</button> <button type="submit" name="submit" >Show</button> </form> <?php if (is

我如何在JQuery上实现它？当我单击

hide

时，元素将被隐藏，而

show

也将被隐藏，元素将被显示。我该怎么做？谢谢

<form method="POST">

<button type="submit" name="hidden" >Hide</button>
<button type="submit" name="submit" >Show</button>

</form>

<?php 

    if (isset($_POST['hidden']) == true){
        echo '*hidden*';
    } else if ($_POST['']) {
        echo 'shown';
    }

?>


隐藏
显示

您可以像这样使用js

document.getElementById('domid').style.visibility='hidden';

document.getElementById('domid').style.visibility='visible';

你可以像这样使用js

document.getElementById('domid').style.visibility='hidden';

document.getElementById('domid').style.visibility='visible';

我知道你要求使用JQuery，最好的选择是直截了当的JS，正如这里的另一篇文章所述。但是使用php，您可以定义一些类，然后在适当提交$\u POST值后更改要控制显示的标记中的类值

<?php 

$result = ''; //You could place your default value here or run it through an if/else or switch stmt
if(isset($_POST['show'])){
        $result = 'show';
    } else if ($_POST['hidden']) {
        $result = 'hide';
    } else {
        $result = 'default';
    }

?>

<style>
    .show {
        display:block;
    }
    .hide {
       display:none;
    }
    .default {
       //however you wish your default CSS to act hidden or visible
    }
</style>
<body>
<form method="POST">

<button type="submit" name="hidden" >Hide</button>
<button type="submit" name="show" >Show</button>

</form>

<div id="theElement" class="<?=$result?>"></div>
</body>


.表演{
显示：块；
}
.隐藏{
显示：无；
}
.违约{
//但是，您希望您的默认CSS表现为隐藏或可见
}
隐藏
显示
我知道你要求使用JQuery，最好的选择是直截了当的JS，正如这里的另一篇文章所述。但是使用php，您可以定义一些类，然后在适当提交$\u POST值后更改要控制显示的标记中的类值
<?php 

$result = ''; //You could place your default value here or run it through an if/else or switch stmt
if(isset($_POST['show'])){
        $result = 'show';
    } else if ($_POST['hidden']) {
        $result = 'hide';
    } else {
        $result = 'default';
    }

?>

<style>
    .show {
        display:block;
    }
    .hide {
       display:none;
    }
    .default {
       //however you wish your default CSS to act hidden or visible
    }
</style>
<body>
<form method="POST">

<button type="submit" name="hidden" >Hide</button>
<button type="submit" name="show" >Show</button>

</form>

<div id="theElement" class="<?=$result?>"></div>
</body> 


.表演{
显示：块；
}
.隐藏{
显示：无；
}
.违约{
//但是，您希望您的默认CSS表现为隐藏或可见
}
隐藏
显示
与jQuery上的代码相当的代码是：

$（（）=>{
$（“#隐藏但”）.on（“单击”，（）=>$（“#结果”）.html（“*隐藏*”）；
$（“#显示但”）.on（“单击”，（）=>$（“#结果”）.html（“显示”）；
});

隐藏
显示
如图所示
与jQuery上的代码相当的代码是：

$（（）=>{
$（“#隐藏但”）.on（“单击”，（）=>$（“#结果”）.html（“*隐藏*”）；
$（“#显示但”）.on（“单击”，（）=>$（“#结果”）.html（“显示”）；
});

隐藏
显示
显示在Jquery中隐藏/显示单击此处“当我单击隐藏时，元素将被隐藏”-什么元素？另外，这些是提交按钮-您仍然要提交表单，还是只显示/隐藏某些元素？（顺便说一句，这不是真正的“代码转换”：您的PHP只输出一个或另一个字符串，而您想要的是隐藏/显示元素。）在Jquery中隐藏/显示单击此处“当我单击隐藏时，元素将被隐藏”-什么元素？另外，这些是提交按钮-您仍然要提交表单，还是只显示/隐藏某些元素？（顺便说一句，这不是真正的“代码转换”：您的PHP只输出一个或另一个字符串，而您想要的是隐藏/显示一个元素。）$（this）.show（）
？如果按钮不可见，用户将如何单击该按钮？$（this）.show（）
？如果按钮不可见，用户将如何单击该按钮？如果这是您所需要做的全部，那么肯定是最佳选择。不需要为此加载jQuery。如果您只需要这样做，那么这绝对是最好的选择。不需要为此加载jQuery。