Onclick Radio Eingabe-Display PHP

Question

Ich möchte PHP-Code-Basis auf Radio Ergebnis HTML-Beispiel unten ausführen.

<form> 
    <input type="radio" name="type" value="0" checked />Staff 
    <input type="radio" name="type" value="1" />Client 
</form> 

in php kann ich tun, um diese

<?php 
    if($_POST['type'] == 1){ 
     echo "some of my php code"; 
    } else { 
     echo "my second option php code"; 
    } 
?> 

aber keine Ahnung, wie dieser Code in JavaScript implementieren Onclick

Answer 1

Sie müssen mit Ajax. PHP wird vor Javascript ausgeführt, daher kann es nach dem Klick nicht geändert werden (nur wenn die Seite gesendet und aktualisiert wird).

Answer 2

Wenn Sie nicht Ajax brauchen:

das DOM-Element holen und nur Ereignis-Listener hinzufügen:

var inputRadio = document.querySelectorAll("input[type='radio']"); 

for(var i = 0; i < inputRadio.length; i++) { 
    inputRadio[i].addEventListener('click', function() { 
     console.log(this); // if you click the radio button, 
          // it will be logged to the console 
    }); 

    /* 
     instead of `addEventListener` you can use: 

     inputRadio[i].onclick = function() { } 
    */ 


} 

Answer 3

Sie können den Code nach dem Check Optionsfeld Wert auszuführen. Hier verwende ich auf Change-Event.

             
  
 
   
 
    
$('input[name=radioName]').change(function(){ 
 
     var value = $('input[name=radioName]:checked').val(); 
 
      if(value == 1){ 
 
      //do anything 
 
      alert(value); 
 
      }else{ 
 
      //do anything 
 
      alert(value); 
 
      } 
 
    })
 
    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <input type="radio" name="radioName" value="1" /> 1 
 
    <input type="radio" name="radioName" value="0" /> 0
 
   
 
  
 
 

 


var result = $('input[name=type]:checked').val()); 

if(result == 1){ 
    //"do anything" 
} else{ 
    //"do anything" 
}