<!--
http://www.apmsetup.com/php.php?ct=5&tutid=114&uid=219#219
-->

<script language = "javascript">

  function output(form) {
 
    for(var i = 0; i < form.fruit.length; i++) {
     
      if(form.fruit[i].checked) {     
        
        var output = "당신이 좋아하는 과일은 " + form.fruit[i].value + "입니다.";

        alert(output);

        break; 

     }
     
    }

    if(i == form.fruit.length) {

      alert("좋아하는 과일을 선택하세요!");      

      return;
       
    }

  }  
</script>

<form name = "select_form">

  좋아하는 과일을 선택하세요.<br><br>
 
  <input type = "radio" name = "fruit" value = "오렌지">오렌지<br>
  <input type = "radio" name = "fruit" value = "포도">포도<br>
  <input type = "radio" name = "fruit" value = "사과">사과<br>
  <input type = "radio" name = "fruit" value = "토마토">토마토<br><br>  
   
  <input type = "button" value = "선택" onclick = "output(this.form)">

</form>

<결과>

좋아하는 과일을 선택하세요.

<INPUT type=radio value=오렌지 name=fruit>오렌지
<INPUT type=radio value=포도 name=fruit>포도
<INPUT type=radio value=사과 name=fruit>사과
<INPUT type=radio value=토마토 name=fruit>토마토

<INPUT onclick=output(this.form) type=button value=선택>

-----------------------------------------------------------------------

1) input.html

<!--
http://www.apmsetup.com/php.php?ct=5&tutid=114&uid=219#219
-->

<script language = "javascript">

  function output(form) {
 
   if(!form.value_1.value) {
      alert("첫 번째 값을 입력하세요!");
      form.value_1.focus();
      return;
    }    

   if(!form.value_2.value) {
      alert("두 번째 값을 입력하세요!");
      form.value_2.focus();
      return;
    }    

    for(var i = 0; i < form.operator.length; i++) {     

      if(form.operator[i].checked) {     
        break; 
     }

    }

    if(i == form.operator.length) {
      alert("수행할 연산자를 선택하세요!");      
      return;       
    }

    form.submit();
   
  }  
</script>

<form name = "select_form" method = "post" action = "./output.html">

  두 값을 입력하세요!<br><br>

  <input type = "text" name = "value_1" size = "4">
  <input type = "text" name = "value_2" size = "4"><br><br>

  수행할 연산자를 선택하세요!<br><br>
 
  <input type = "radio" name = "operator" value = "add">덧셈<br>
  <input type = "radio" name = "operator" value = "minus">뺄셈<br>
  <input type = "radio" name = "operator" value = "multiply">곱셈<br>
  <input type = "radio" name = "operator" value = "divide">나눗셈<br><br>  
   
  <input type = "button" value = "계산" onclick = "output(this.form)">

</form>

2) output.html

<!--
http://www.apmsetup.com/php.php?ct=5&tutid=114&uid=219#219
-->

<?
switch ($operator) {
  case ("add") :
    $result = $value_1 + $value_2;
    echo("$value_1 + $value_2 = $result");
    break;

  case ("minus") :
    $result = $value_1 - $value_2;
    echo("$value_1 - $value_2 = $result");
    break;

  case ("multiply") :
    $result = $value_1 * $value_2;
    echo("$value_1 * $value_2 = $result");
    break;

  case ("divide") :
    $result = $value_1 / $value_2;
    echo("$value_1 / $value_2 = $result");
}
?>

소스출처: http://www.apmsetup.com