Formulier

mhmhmh · 6 Januari 2013

Hallo mensen.

Ik heb een formulier gemaakt. Nu wil ik naast het formulier een tabel hebben lopen waarin er meteen komt te staan wat ze hebben gecheckt.

Voorbeeld: Mensen kunnen kiezen als ze een man of vrouw zijn. Dan wil ik in een tabel ernaast hebben staan. Geslacht: (Man of vrouw). Wat ze dus hebben aan geklikt.

Is dit mogelijk? Ik heb zelf al van alles zitten proberen maar het wilt me niet lukken.

Alvast bedankt.

bramieboy100 · 6 Januari 2013

Dit kan met jQuery.

J.Hermans · 6 Januari 2013

Moet je even googlen.
http://jquery-howto.blogspot.b…-checkbox-is-checked.html

Mss heb je daar wat aan?

mhmhmh · 6 Januari 2013

Thx. Heb er zeker wat aan.

Maar het wilt mij niet lukken. Iemand die tegen een kleine vergoeding kan helpen?

Victor · 6 Januari 2013

Plaats je code hier en geef even aan wat er niet lukt. Misschien kunnen wij je gewoon gratis helpen.

mhmhmh · 6 Januari 2013

Dit is mijn code. Tot nu toe nog een test script. Bij het laaste stukje staat er test:. En daar wil ik door middel van de jquery input 1 of input 2 hebben staan. Wat er dus gechekt is.

PHP

<!DOCTYPE html>
<head>
<script src="jquery-1.8.3.min.js"></script>
    <title>Test</title>
    <style type="text/css">
        table tr > td { text-align: left; }
        table tr > td + td { text-align: left; }
    </style>
</head>
<body>
<center>


<table width="800" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><td width="590"><form action="post.php" method="post">
        <table>
            
            <tr>
            Test"<br>
                <td>
                </td>


                <td>
				  <input type="radio" name="test" value="Input 1" checked="CHECKED">Input 1<br>
				  <input type="radio" name="test" value="Input 2">Input 2<br>




                    </select>
                </td>
                 
                
            </tr>
  </table>


            <hr>
			<table>
                <td>
                    Naam:
                </td>
                <td>
                    <input type="text" id="Name" name="Name" />
                </td>
            </tr>
            <tr>
                <td>
                    Achternaam:
                </td>
                <td>
                    <input type="text" id="Achternaam" name="Achternaam" />
                </td>
            </tr>
            <tr>
             <tr>
                <td>
                    Your Email:
                </td>
                <td>
                    <input type="text" id="Email" name="Email" />
                </td>
            </tr>
                         <tr>
                <td>
                    Adres:
                </td>
                <td>
                    <input type="text" id="Adres" name="Adres" />
                </td>
            </tr>
                         <tr>
                <td>
                    Huisnmr:
                </td>
                <td>
                    <input type="text" id="Huisnmr" name="Huisnmr" />
                </td>
            </tr>
                         <tr>
                <td>
                    Postcode:
                </td>
                <td>
                    <input type="text" id="Postcode" name="Postcode" />
                </td>
            </tr>
                         <tr>
                <td>
                    Plaats:
                </td>
                <td>
                    <input type="text" id="Plaats" name="Plaats" />
                </td>
            </tr>
             <tr>
                <td>
                    Opmerking:
                </td>
                <td><textarea name="Opmerking" id="Opmerking"></textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: center;">
                    <input type="submit" id="submit" value="Verzend!" />
                </td>
            </tr>
        </table></td>




</td>
    <td>test: 




</td>
  </tr>
</table>
</body>

Toon Meer

Tim · 6 Januari 2013

Hallo,

Haal met jquery alle waardes op van de form en plaats deze daarin. (Google maar hoe)
Vervolgens maak je onchange functies voor de inputs zodat je deze in het lijstje kan wijzigen.

Mvg
Tim

mhmhmh · 6 Januari 2013

Ben de hele avond al bezig met het uitzoeken hoe alles werkt. Maar ik word er niet veel wijzer van. Ieder geval bedankt voor de antwoord..

Iemand die iets heeft wat me helpt?

Tim · 6 Januari 2013

Hallo,

Zie:
http://api.jquery.com/change/
http://api.jquery.com/append/
http://api.jquery.com/remove/

Mvg,
Tim

mhmhmh · 7 Januari 2013

Thx voor de links. Heb ze goed bekeken en van alles geprobeet..

Ma kom er egt niet uit Krijg niks werkend

Tim · 7 Januari 2013

Hallo,

Wat heb je precies geprobeerd?
Heb je de code die je hebt geschreven?

Mvg,
Tim

WHMCSAddons · 7 Januari 2013

mhmhmh
Kan je er beter iets beter in verdiepen want Tim zijn mogelijkheid bied wat jij wil hebben.
Ik had persoonlijk ook moeite in het begin met jQuery maar ben me er toen meer in gaan verdiepen en sindsdien kom ik aardig ver met oplossingen.

mhmhmh · 7 Januari 2013

@fils. Klopt. Ben er ook druk mee. mischien een idee welke code in nodig ben?

Tim

Deze code heb ik er nu instaan. Was aan het testen wat ik hiermee kan.

PHP

<html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>Test</title>
</head>
<body>
  <ul>
<input type="radio" name="rdio" value="a" checked="checked" /><br>
<input type="radio" name="rdio" value="b" /><br>
<input type="radio" name="rdio" value="c" /><br>
  <script>
$("input[@name='rdio']").change(function(){
if ($("input[@name='rdio']:checked").val() == 'a')


else if ($("input[@name='rdio']:checked").val() == 'b')


else


});
</script>
</body>
</html>

Toon Meer

--------------------------------------------------
Nieuw bericht:

Ik gebruik nu een andere manier. Wel de jquery. Maar niet meer op als het gecheckt is. Ik kijk nu naar waarop word er geklikt. EN dan laat die wat zien.

PHP

<html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<meta charset=utf-8 />
<title>Test</title>
</head>
<body>
  <ul>
<script language='JavaScript' type='text/javascript'>


    function check_value(fieldvalue)
    {    
        switch(fieldvalue)
        {
            case 1:


                document.getElementById("onderaanzelfde").innerHTML = "Test1";
                    break;
            case 2:


                document.getElementById("onderaanzelfde").innerHTML = "Test2";
                    break;


        }
    }


</script>


<form name='test'>
				  <input type="radio" name="Kast" onclick='check_value(1)' value="Recomrc4b" checked="CHECKED">optie1<br>
				  <input type="radio" name="Kast" value="Ms-tech" onclick='check_value(2)'>optie2<br>


</form>






<table width="800" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="116">Keuze:</td>
    <td width="684"><div id='onderaanzelfde'> </div></td>
  </tr>
</table>
</body>
</html>

Toon Meer

Nu is alleen de probleem nog. Wat standaard is gecheckt word niet weergeven. pas als er op geklikt is. En moet nog aangepast worden dit vaker toegevoegd kan worden.

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

Plesk installer

cpanel / whm themes

PHP Point of Sale

Probleem omtrent Tinymce

Kunnen jullie mij helpen met deze enquete

een eigen cloud sever

Probleem C++ en CL

193 Nieuwe domeinnamen April 2025

228 Nieuwe domeinnamen Maart 2025

285 Nieuwe domeinnamen Februari 2025

Formulier

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Delen

Gebruikers die dit topic bekijken