我需要更改我的提交按钮类


I need to change my submit button class

当我按下按钮时,我需要从左到右和从右到左更改表单布局。这是我的代码:

<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>