Comment puis-je insérer des données dans une table à partir de la case à cocher sélectionnée?

Question

J'essaie de faire en sorte que je puisse décider dans quelle table le nom et l'heure vont, en le sélectionnant d'une ou des deux cases à cocher. Par exemple, si j'ai un nouveau nom et une nouvelle heure, je peux choisir si elle va dans la table de "standard" ou "avancé" ou les deux en la sélectionnant dans les cases à cocher.

#myform .plus, .minus { 
 
    text-decoration: none; 
 
    color: #fff; 
 
    background-color: #fdd818; 
 
    text-align: center; 
 
    letter-spacing: .5px; 
 
    -webkit-transition: .2s ease-out; 
 
    transition: .2s ease-out; 
 
    cursor: pointer; 
 
} 
 

 
.collapsible-header{ 
 
    color: #ffffff; 
 
} 
 

 

 

 
.row{ 
 
\t margin: 0; \t 
 
\t width: 100%; 
 
} 
 
.uren{ 
 
\t display: -webkit-inline-box; 
 
    padding-left: 10px; 
 
    padding-right: 10px; 
 
} 
 
.btn { 
 
    -webkit-border-radius: 28; 
 
    -moz-border-radius: 28; 
 
    border-radius: 28px; 
 
    font-family: Arial; 
 
    color: #ffffff; 
 
    font-size: 20px; 
 
    background: #ffcc00; 
 
    padding: 5px 10px 5px 10px; 
 
    text-decoration: none; 
 
} 
 
.btn:hover { 
 
    background: #dbaf00; 
 
    text-decoration: none; 
 
} 
 

 

 
/* Pop up */ 
 
.letspop{ 
 
    background-color: #fff; 
 
    width: 120px; 
 
    display: block; 
 
    margin: 5% auto; 
 
    padding: 20px; 
 
    position: relative; 
 
    text-align: center; 
 
    float: right; 
 
    margin-right: 20px; 
 
    margin-top: 0px; 
 
} 
 
.letspop:hover{ 
 
    cursor: pointer; 
 
} 
 
.overlay{ 
 
    display: none; /* Default Hidden */ 
 
    position: fixed; 
 
    left: 0; 
 
    top: 0; 
 
    z-index: 1; 
 
    background-color: rgba(0,0,0,0.6); 
 
    height: 100%; 
 
    width: 100%; 
 
} 
 
.popup{ 
 
    display: none; /* Default Hidden */ 
 
    position: fixed; 
 
    left: 50%; 
 
    top: 5%; 
 
    z-index: 2; 
 
    background-color: #fff; 
 
    height: 450px; 
 
    width: 300px; 
 
    overflow: hidden; 
 
    padding: 40px; 
 
    transform: translate(-50%, 0); 
 
} 
 
#new_module{ 
 
    width: 195px; 
 
} 
 

 
h1, h2{ 
 
    color: steelblue ; 
 
    font-family: sans-serif; 
 
    text-align: center; 
 
    text-transform: uppercase; 
 
    line-height: 1; 
 
} 
 
h2{ 
 
    color: dodgerblue ; 
 
} 
 
small{ 
 
    color: #444 ; 
 
    font-size:0.4em; 
 
    display: block; 
 
    margin: 0.2rem auto 0; 
 
} 
 
.close{ 
 
    position: absolute; 
 
    top: 8px; 
 
    right: 8px; 
 
    display: block; 
 
    color: #666666; 
 
    font-family: sans-serif; 
 
} 
 
.close:hover{ 
 
    cursor: pointer; 
 
    color: #444444; 
 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" rel="stylesheet"/> 
 
    <form action="#" method="POST"> 
 
     <div class="row"> 
 
     <div class="input-field col s6"> 
 
      <input id="new_module" type="text" class="validate"> 
 
      <label class="active" for="new_module">Name</label> 
 
     </div> 
 
     </div> 
 
     <form action="#"> 
 
     <p class="range-field"> 
 
      <input type="range" id="test" min="0" max="20" /> 
 
     </p> 
 
     </form> 
 
     <p> 
 
     <input type="checkbox" class="filled-in" id="standard"/> 
 
     <label for="standard">Standard</label> 
 
     </p> 
 
     <p> 
 
     <input type="checkbox" class="filled-in" id="advanced"/> 
 
     <label for="advanced">Advanced</label> 
 
     </p>  
 
     <hr> 
 
     <button class="btn waves-effect waves-light" type="submit" name="action"> 
 
      <i class="material-icons right">send</i> 
 
     </button> 
 
     <div class="close">X</div> 
 
    </form>

Answer 1

Vous devez définir le nom des éléments HTML à soumettre au serveur. essayer les modifications suivantes:

<form action="checkbox.php" method="post"> 
     <p> 
      <input type="checkbox" class="filled-in" id="standard" name="chk[]" value="standard"/> 
      <label for="standard">Standard</label> 
      </p> 
      <p> 
      <input type="checkbox" class="filled-in" id="advanced" name="chk[]" value="advanced"/> 
      <label for="advanced">Advanced</label> 
      </p> 
      <input type="submit" /> 
    </form> 

et essayez le code php suivant pour trouver la case sélectionnée

foreach($_POST['chk'] as $key => $chk){ 
    if($chk == 'standard'){ 
     // do some code 
    } 
if($chk == 'advanced'){ 
     // do some code 
    } 
} 

Answer 2

réponse rapide pour commencer à vous aider.

Faites un "indatabase.php" où il y a vos actions SQL dans After, faire quelque chose comme:.

<form action="/indatabase.php" method="POST"> 

Voir ceci:

https://stackoverflow.com/a/22836074/8695939

Si vous voulez un peu plus de sécurité, utilisez PHP PDO à la place.
Vous pouvez avoir sqli et AOP ici Exemples:

https://www.w3schools.com/php/php_mysql_insert.asp