onclick 라디오 입력 디스플레이 PHP

Question

아래의 라디오 결과 HTML 예제에서 PHP 코드베이스를 실행하고 싶습니다.

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

PHP에서 나는이

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

하지만

Answer 1

당신은 아약스 필요 onclick을 사용하여 자바 스크립트에서 그 코드를 구현하는 방법을 모르고 작업을 수행 할 수 있습니다. PHP는 자바 스크립트보다 먼저 실행되기 때문에 클릭 후 변경이 불가능합니다 (페이지를 제출하고 새로 고침하는 경우에만).

Answer 2

당신이 아약스를 필요로하지 않는 경우 :

는 DOM 요소를 확인하고 바로 이벤트 리스너를 추가 :

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

당신은 체크 라디오 버튼 값 뒤에 코드를 실행할 수 있습니다. 여기 나는 변화 사건에 사용하고있다.

             
  
 
   
 
    
$('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" 
}