Een input vakje is een element van een HTML- formulier met een vinkje aan of uit elke keer dat de gebruiker het vakje klikt schakelt . Je kunt dynamisch toevoegen van een ingang selectievakje op een HTML-formulier , bijvoorbeeld op basis van de ingevoerde waarde van een ander veld in de vorm , met behulp van de webbrowser " createElement " methode om het selectievakje in en de " appendChild " -methode te creëren om deze toe te voegen aan het formulier . Instructies
1 Maak een nieuw HTML-document in Kladblok of een HTML-editor . Voeg de HTML- headers naar het bestand : < ! DOCTYPE HTML >
In Selectievakje < /title > <br> <p> < /head > kopen van 2 <p > een HTML- formulier in het lichaam van het document en geef het formulier een naam , zodat u gemakkelijk kunt verwijzen met behulp van JavaScript . Voeg een keuzelijst voor de gebruiker om "Ja" of "Nee " te selecteren Bel een JavaScript-functie om de ingang te verwerken wanneer de selectie verandert met behulp van de " onChange " event : <p> <body> <br> <p> <br> <form name="myForm"> <br> <p > Maak een keuze : < select name <br> <p> = " YesOrNo " <br> 3 <p> Insert JavaScript vóór de afsluitende < /head > -tag met de tag <script> . Initialiseren van een globale variabele aan te geven of de ingang selectievakje al is gemaakt als vals te zorgen dat de ingang selectievakje niet meer dan een keer worden aangemaakt : <p> <script> <br> <p> var hasBox <br> = false; <br> 4 <p> Maak de functie die wordt aangeroepen wanneer de gebruiker selectie verandert . Verkrijg de waarde van de gebruiker selectie met de " selectedIndex " eigendom en de tekst waarde van het antwoord met de " tekst " eigenschap : <p> functie checkit <br> ( ) { var <p> selectie <br> = document.myForm . yesorno.selectedIndex ; <p> var selectionText <br> = document.myForm.yesorno [ selectie] tekst ; . <br> 5 <p> Voeg de ingang in om de vorm als de gebruiker selectie is " ja " en het selectievakje nog niet is toegevoegd aan het formulier . Gebruik de " createElement " methode om een nieuw element te maken . Vervang het element " innerHTML " met de ingang code voor het vakje . Gebruik de " appendChild " -methode en de naam van het formulier aan de nieuw element toe te voegen aan het formulier . Stel de wereldwijde vlag op "true" dat de doos is toegevoegd : <br> <p> if ( ! SelectionText == " Ja" && hasBox ) { var <p> doos <br> = document.createElement ( " div " ) ; <p> box.innerHTML <br> = ' <input type="checkbox" name="checkme"> Controleer hier te bevestigen ' ; <p> document.myForm.appendChild <br> ( box ) ; < br > <p> hasBox = true; } <p> <br> <p> <br> < /script > <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/90928.html' >Hoe maak je een hyperlink toevoegen aan een bijschrift van LightBox </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/90930.html' >Hoe te Checklists voor Joomla Controleer </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>JavaScript Programmeren</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91188.html" title="Hoe maak je een formulier actie in Javascript Verander " target="_self">Hoe maak je een formulier acti…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91159.html" title="Structuur van JavaScript " target="_self">Structuur van JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90987.html" title="Hoe het nu een afbeelding van X & Y in JavaScript " target="_self">Hoe het nu een afbeelding van …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91076.html" title="Hoe maak je een externe webpagina met JavaScript Krijg " target="_self">Hoe maak je een externe webpag…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91047.html" title="Hoe te testen voor een lege array Met JavaScript " target="_self">Hoe te testen voor een lege ar…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90807.html" title="Hoe maak je een Bouncing Ball Animatie maken in HTML " target="_self">Hoe maak je een Bouncing Ball …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90989.html" title="Hoe kan ik een Attribute in JavaScript " target="_self">Hoe kan ik een Attribute in Ja…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91122.html" title="Hoe om te controleren als de browser de Focus in JavaScript " target="_self">Hoe om te controleren als de b…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91096.html" title="XML Tool Tip Tutorial " target="_self">XML Tool Tip Tutorial </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87652.html" title="Hoe een lege DIV verbergen " target="_self">Hoe een lege DIV verbergen </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94962.html" title="Hoe te converteren van Word naar HTML gebruiken VB6 " target="_self">Hoe te converteren van Word naar HTML ge…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88059.html" title="Hoe maak je een DataRow in een DataSet . NET framework " target="_self">Hoe maak je een DataRow in een DataSet .…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90940.html" title="Hoe je tekst roteren van Degree in JavaScript " target="_self">Hoe je tekst roteren van Degree in JavaS…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95612.html" title="Hoe de SQL Query String in VB6 Gebruik Met Crystal Reports XI " target="_self">Hoe de SQL Query String in VB6 Gebruik M…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85981.html" title="Wat is Alpha Blending ? " target="_self">Wat is Alpha Blending ? </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/89238.html" title="Hoe kan ik een alfabetische String omzetten naar getallen in Java " target="_self">Hoe kan ik een alfabetische String omzet…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/96434.html" title="Basic Help voor Microsoft Visual " target="_self">Basic Help voor Microsoft Visual </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88701.html" title="Hoe te Programma voor Exponents " target="_self">Hoe te Programma voor Exponents </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
