当我按下按钮时,我需要从左到右和从右到左更改表单布局。这是我的代码:
<form method="post">
<ul>
<li class="left">
<input name="left" type="submit" class="left" value="left">
</li>
<li class="right">
<input name="right" type="submit" class="right" value="right">
</li>
</ul>
</form>
现在我需要添加一个if语句,如:
if(isset($_POST['left'])) {
echo ' <ul>
<li class="left">
<input name="left" type="submit" class="left" value="left">
</li>
<li class="right">
<input name="right" type="submit" class="right" value="right">
</li>
</ul>';
}
if(isset($_POST['right'])){
{
echo ' <ul>
<li class="left">
<input name="left" type="submit" class="right" value="left">
</li>
<li class="right">
<input name="right" type="submit" class="left" value="right">
</li>
</ul>';
}
您需要一个if/elseif/else
构造,您可以这样实现它:
echo '<form method="post">';
if(isset($_POST['left'])) {
echo ' <ul>
<li class="left">
<input name="left" type="submit" class="left" value="left">
</li>
<li class="right">
<input name="right" type="submit" class="right" value="right">
</li>
</ul>';
} elseif(isset($_POST['right'])){
echo ' <ul>
<li class="left">
<input name="left" type="submit" class="right" value="left">
</li>
<li class="right">
<input name="right" type="submit" class="left" value="right">
</li>
</ul>';
} else {
echo '
<ul>
<li class="left">
<input name="left" type="submit" class="left" value="left">
</li>
<li class="right">
<input name="right" type="submit" class="right" value="right">
</li>
</ul>';
}
echo '</form>';
以下是工作代码:
<form method="post" action="#">
<?php
if(isset($_POST['left'])) {
echo '<ul><li class="left"><input name="left" type="submit" class="left" value="left"></li><li class="right"><input name="right" type="submit" class="right" value="right"></li></ul>';
}
if(isset($_POST['right'])){
echo '<ul><li class="right"><input name="right" type="submit" class="left" value="right"></li><li class="left"><input name="left" type="submit" class="right" value="left"></li></ul>';
}
if(!isset($_POST['right']) && !isset($_POST['left'])){
echo '<ul><li class="left"><input name="left" type="submit" class="right" value="left"></li><li class="right"><input name="right" type="submit" class="left" value="right"></li></ul>';
}
?>
</form>
你不需要使用php,你可以使用jQuery
JQuery有一个toogle类:
http://api.jquery.com/toggleclass/
使用此按钮从右向左拖动输入
示例:
HTML:
<form method="post">
<ul>
<button class="changeside">Change side</button>
<li class="left">
<input name="left" type="submit" class="left" value="left">
</li>
</ul>
</form>
Javascript
<script>
$( ".changeside" ).click(function() {
$( this ).toggleClass( "left" );
$( this ).toggleClass( "right" );
});
</script>