нажмите кнопку радио получить две коробки

Question

Я ищу способ иметь это так, когда вы нажимаете эту кнопку <input type="radio" name="reise" value="reise">Tur/retur другую коробку появляется на той же странице под названием «avreise»:

Вот мой код для окна. Я хочу, чтобы показать, когда вы нажимаете кнопку:

print("<script src='validering.js'></script>"); 
print("<link rel='stylesheet' href='https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css'>"); 
    print("<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script>"); 
    print("<script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js'></script>"); 
    print("<script>$(document).ready(function() { $('#neste_levering').datepicker({ dateFormat: 'dd-mm-yy' });});</script>"); 
    print("Avreise <input type='text' Value='Klikk for å velge dato' name='neste_levering' id='neste_levering' required></br>"); 
    print("</select></br>"); 
    print("<input type='reset' value='Nullstill' id='nullstill' name='nullstill' ></br>"); 
    print("</form>"); 

    @$leveringsfrist=$_POST["neste_levering"]; 

    $dato=date("d-m-Y"); 

    if ($leveringsfrist) 
    { 

    if (!$leveringsfrist) { 
    $lovligStudent=false; 
    print ("Alt må fylles ut"); 
    return $lovligStudent;} 

     else { 
    $sqlResultat=mysqli_query($db, $sqlSetning) or die ("Ikke mulig å hente data fra databasen"); 


    $sqlSetning = "INSERT INTO student VALUES('$leveringsfrist');"; 
    mysqli_query($db, $sqlSetning) or die ("Kan ikke legge til data i databasen"); 
    } 
    ?> 
    print ("Følgende er registrert i databasen: $brukernavn <br> Navn: $fornavn <br> Etternavn: $etternavn <br> Klassekode: $klassekode <br> avreise: $avreise <br> Bilde: $bildenr");} 
    } 
    ?> 

Answer 1

Так что вы хотите, чтобы показать текстовое поле при нажатии на кнопку смокинг/retux радио.

Это можно сделать простым способом. Fox Пример

Html:

<input type=radio name=cool class=cool value=cool>cool<br> 
<input type=radio name=cool class=cool value=Gool>Gool<br> 
<input type=text id=fool style="display:none"> 

Jquery:

$(document).ready(function() 
{ 
$('.cool').click(function(){ 
var a=$(this).val(); 
if(a=="cool") 
$('#fool').show(); 
else 
$('#fool').hide(); 
}); 
}); 

При нажатии на кнопку радио я проверяю значение кнопки радио, если его прохладное (в вашем случае TUR/retux) я Я покажу текстовое поле #fool, если не скрываю текстовое поле #fool.

Если вы хотите другое текстовое поле для нажатия кнопки en vei, вы можете создать другое текстовое поле и использовать эту же процедуру (в противном случае скрыть #fool и отобразить новый).

Это свойство hide() и show() можно использовать и для тегов div (если вы хотите включить текст infront текстового поля).

Включите его в свою программу по своему усмотрению. Я надеюсь, что я помог ..

Answer 2

Используйте как этот

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script> 
<input type="radio" name="reise" value="reise" id="radio1">Tur/ Avreise 
<input type="radio" name="reise" value="en vei" id="radio2">En vei 

Avreise 
<input type='text' Value='Klikk for å velge dato' name='neste_levering' id='neste_levering' required> 

<input type='reset' value='Nullstill' id='nullstill' name='nullstill' > 

<script> 
$(document).ready(function(){ 
    $("#neste_levering").hide(); 

    $("#radio1").click(function(){ 
     $("#neste_levering").show(); 
    }); 
    $("#radio2").click(function(){ 
     $("#neste_levering").hide(); 
    }); 
}); 
</script>