按下单选按钮获得两个框

Question

我正在寻找一种具有此功能的方法，因此，当您按下此按钮<input type="radio" name="reise" value="reise">Tur/retur 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

因此，当您单击Tux / retux单选按钮时，您想显示一个文本框。

这样可以通过简单的方式完成。 福克斯的例子

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文本框。

如果您想要另一个文本框来单击envei单选按钮，则可以创建另一个文本框并使用相同的步骤。（否则隐藏#fool并显示新的文本框）。

hide（）和show（）也可以用于div标签（如果您想在文本框的前面添加文本）。

根据需要将其包括在程序中。 希望我能帮上忙..

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>