En inngang merket er et element på et HTML-skjema som slår en hake av eller på hver gang brukeren klikker på boksen . Du kan dynamisk legge til en inngang merket på et HTML-skjema , for eksempel basert på input verdi av et annet felt i skjemaet , ved hjelp av JavaScript " createElement " metode for å lage boksen og " appendChild " metode for å legge det til skjemaet. Instruksjoner
en
Lag en ny HTML- dokument ved hjelp av Notepad eller en HTML- editor. Legg HTML overskrifter i filen: < ! DOCTYPE HTML >
< p>
Legg Sjekk Box < /title > <br> <p> < /head> <br> 2 < p> Lag et HTML-skjema inne i kroppen av dokumentet og gi skjemaet et navn slik at du enkelt kan referere til den ved hjelp av JavaScript. Legg en liste for brukeren å velge "Ja" eller " Nei" Ring en JavaScript-funksjon til å behandle innspill når valget endres ved hjelp av " OnChange " event: <br> <p> <body> <br> <p> <form name="myForm"> <br> < p > Vennligst velg : en <p> < select name = " yesorno " <br> 3 <p> Sett JavaScript før den avsluttende < /head >-koden ved hjelp av <script> tag . Klargjøre en global variabel for å indikere om innspill boksen allerede er opprettet som falske å sørge for at innspill boksen blir ikke skapt mer enn en gang : en <p> <script> <br> <p> Var hasBox = false; <br> 4 <p> Opprett funksjon som kalles når brukeren endres dette valget. Få verdien av brukerens valg med " SelectedIndex " eiendom og teksten verdien av svaret med "teksten " eiendom : en <p> funksjon checkit ( ) { <br> <p> VAR utvalg = document.myForm . yesorno.selectedIndex ; <br> <p> Var selectionText = document.myForm.yesorno [ valg ] tekst ; . <br> 5 <p> Legg input boksen til skjemaet hvis brukeren valget " Yes " og i boksen ikke har allerede blitt lagt til i skjemaet. Bruk " createElement " metode for å opprette et nytt element . Erstatter elementet er " innerHTML " med inngang kode for boksen . Bruk " appendChild "-metoden og formen navnet for å legge det nye elementet til skjemaet . Sette den globale flagg for å "true" at boksen er lagt til: <br> <p> if ( ! SelectionText == "Ja" && hasBox ) { <br> <p> Var box = document.createElement ( " div " ) ; <br> <p> box.innerHTML = ' <input type="checkbox" name="checkme"> Sjekk her for å bekrefte '; <br> <p> document.myForm.appendChild ( boks) ; <br> <p> hasBox = true; <br> <p> } <br> <p> < /script > <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4">
<tr>
<td bgcolor="#ecf0f4"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26">
<tr>
<td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90928.html' >Hvordan legge til en link til en bildetekst av LightBox </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90930.html' >Slik kontrollerer Sjekklister for Joomla </a></li></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246>
<tr>
<td height=246 vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<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>Relatert Artike</strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90822.html" title="Hvordan få en jQuery Modal til Vis " target="_self">Hvordan få en jQuery Modal til Vis </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91246.html" title="Endre en musepeker i Javascript " target="_self">Endre en musepeker i Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91011.html" title="Hvordan klargjøre en JavaScript Array " target="_self">Hvordan klargjøre en JavaScript Array </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90775.html" title="Hvordan bruke JW Player Med MP4 " target="_self">Hvordan bruke JW Player Med MP4 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91160.html" title="Hvordan lage en Habbo Retro " target="_self">Hvordan lage en Habbo Retro </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90759.html" title="Hva er Nedlegging God for i JavaScript " target="_self">Hva er Nedlegging God for i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90785.html" title="JavaScript vs Java Applets Robust " target="_self">JavaScript vs Java Applets Robust </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91194.html" title="Hvordan sjekke for heltall i JavaScript " target="_self">Hvordan sjekke for heltall i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91225.html" title="Hvordan å diagnostisere problemer med Javascript " target="_self">Hvordan å diagnostisere problemer med Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91275.html" title="Hvordan finne en Prime Number Bruke Javascript " target="_self">Hvordan finne en Prime Number Bruke Javascript </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=20></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<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>Anbefalte artikler </strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91150.html" title="Hvordan implementere en grunnleggende Destructor i JavaScript " target="_self">Hvordan implementere en grunnleggende Destructor i Java…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89854.html" title="Java kan ikke lage en statisk henvisning til en ikke -Static Method " target="_self">Java kan ikke lage en statisk henvisning til en ikke -S…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/94876.html" title="Slik konverterer DateDiff til Måned " target="_self">Slik konverterer DateDiff til Måned </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86548.html" title="Hvordan lage et telefonnummer Database Synlig Online " target="_self">Hvordan lage et telefonnummer Database Synlig Online </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/93126.html" title="Hvordan laste opp Nettstedet Innhold fra Cpanel " target="_self">Hvordan laste opp Nettstedet Innhold fra Cpanel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85409.html" title="Hvordan å få en iPhone Developer Xcode " target="_self">Hvordan å få en iPhone Developer Xcode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89777.html" title="Slik konverterer Prime Numbers til Alphabet kode i Java " target="_self">Slik konverterer Prime Numbers til Alphabet kode i Java…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91262.html" title="Hvordan endre en musepeker ved hjelp av javascript " target="_self">Hvordan endre en musepeker ved hjelp av javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87143.html" title="Hvordan lage en Dropdown listen med XSL " target="_self">Hvordan lage en Dropdown listen med XSL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85494.html" title="Hvordan bruke OpenGL for C Språk " target="_self">Hvordan bruke OpenGL for C Språk </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 height=8>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=center>Copyright © Datamaskin http://www.datamaskin.biz/
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 