2017-12-11 9 views
0

phpを使ってテキストボックスの値をエコーし​​たい。どのようなユーザーの値であるため、トップの量をエコーするだけでなく、それのように別のテキストボックスに表示されるようテキストボックスにタイプの文字:(何であれは、テキストボックスに入力される) をここでは、ここでscreenshotphpでsubmitとonclick関数を使わずにテキストボックスの値をエコーする

ですコード:

<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> 
+0

'onKeyUp'イベントハンドラを追加できます。 –

+0

Jqueryを使用します。ユーザーが入力する要素にIDを割り当て、そのid + val()を表示する他のテキストボックスに割り当てます。 –

+0

どうすれば使えますか? – user3168637

答えて

0

ユーザが別のテキストエリアに入力するときに、テキストエリアに値を設定できます。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>

0

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

0

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

関連する問題