phpでsubmitとonclick関数を使わずにテキストボックスの値をエコーする

Question

phpを使ってテキストボックスの値をエコーし​​たい。どのようなユーザーの値であるため、トップの量をエコーするだけでなく、それのように別のテキストボックスに表示されるようテキストボックスにタイプの文字：（何であれは、テキストボックスに入力される） をここでは、ここでscreenshot

ですコード：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<?php 
    if(!empty($_GET['a1'])) 
    { 
     $selected = $_GET['a1']; 
    } 
    else 
    { 
     $selected = 'home'; 
    } 

    if(!empty($_GET['a1'])) 
    { 
     $selected = $_GET['a1']; 
    } 
    else 
    { 
     $selected = 'home'; 
    } 
?> 
<span class="r-text" style="font-weight:bold;">Value is</span> 
<form action="" method="post"> 
    <label> 
     <input type="radio" name="a1" value="100" /> 100 
    </label> 
</br> 
    <label> 
     <input type="radio" name="a1" value="200" /> 200 
    </label> 
</br> 
    <label> 
     <input type="radio" name="a1" value="300" /> 300 
    </label> 
</br> 
     <label> 
     <input type="radio" name="a1" value=" " /> Other 
    </label> 
</br> 
    <input type="text" name="a1"/> 
<br/> 
<br/> 
    Amount 
    <input type="text" name="a2" /> 
<br/> 
<br/> 
</form> 

<script> 
    $('input[type=radio]').click(function(e) {//jQuery works on clicking radio box 
     var value = $(this).val(); //Get the clicked checkbox value 
     var check = $(this); //Get the clicked checkbox properties (like ID, value, class etc) 
     $('.r-text').html('Value is '+value);// The class r-text after clicked checkbox print the line 'This was selected' 
    }); 
</script> 
<script> 
    $('input[type=text]').click(function(e) {//jQuery works on clicking radio box 
     var value = $(this).val(); //Get the clicked checkbox value 
     var check = $(this); //Get the clicked checkbox properties (like ID, value, class etc) 
     $('.r-text').html('Value is '+value);// The class r-text after clicked checkbox print the line 'This was selected' 
    }); 
</script> 

Answer 1

ユーザが別のテキストエリアに入力するときに、テキストエリアに値を設定できます。keyupイベントを使用してください。あなたのHTMLタグからのonblur（）関数を使用することができます

$('input[type=text]').on("keyup",function(){ 
 
     var value = parseInt($(this).val()); 
 
     if($.isNumeric($("input[name='a1']:checked").val())){ 
 
     value = parseInt($("input[name='a1']:checked").val()) +value; 
 
     } 
 
     $('[name="a2"]').val(value); 
 
     $(".r-text").html('Value is '+value); 
 
    }) 
 
    
 
    $('input[type=radio]').on("change",function(){ 
 
     var textBoxVal = parseInt($("input[type='text'][name='a1']").val()); 
 
     var selectedVal = parseInt($("input[type='radio'][name='a1']:checked").val()); 
 
     if(!$.isNumeric(textBoxVal)){ 
 
      textBoxVal = 0; 
 
     } 
 
     if($.isNumeric(selectedVal )){ 
 
     textBoxVal = parseInt(selectedVal) +textBoxVal; 
 
     } 
 
     $('[name="a2"]').val(textBoxVal); 
 
     $(".r-text").html('Value is '+textBoxVal); 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<span class="r-text" style="font-weight:bold;">Value is</span> 
 
<form action="" method="post"> 
 

 
    <label> 
 
     <input type="radio" name="a1" value="100" /> 100 
 
    </label></br> 
 
    <label> 
 
     <input type="radio" name="a1" value="200" /> 200 
 
    </label></br> 
 
    <label> 
 
     <input type="radio" name="a1" value="300" /> 300 
 
    </label></br> 
 
     <label> 
 
     <input type="radio" name="a1" value=" " /> Other 
 
    </label></br> 
 
    <input type="text" name="a1"/><br/><br/> 
 
    Amount 
 
<input type="text" name="a2" /><br/><br/> 
 
</form>

Answer 2

ユーザー入力を含むテキストボックスでonKeyupイベントを使用します。必要なテキストボックスを入力します。

Answer 3

。 onblur（）はJavaScript関数です。この関数からテキストボックスの内容を表示します。