按下单选按钮得到两个盒子

Question

我正在寻找一种方法，当您按下此按钮<input type="radio" name="reise" value="reise">Tur/retur另一个名为＆＃34; avreise＆＃34;的框出现在同一页面上时：

这是我的代码框。我想按下按钮时出现：

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单选按钮时，您希望显示文本框。

这可以通过这样简单的方式完成。 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标签（如果要包含文本框前面的文本）。

根据需要将其包含在您的程序中。我希望我能帮助..

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>