Loop vast met een kleine JS code

Hey cp,

Ik ken nog niet echt goed javascript, dat probeer ik met wat ik wil maken te leren. Ik loop vast bij de volgende code:

<SCRIPT LANGUAGE="javascript">
function KeepCount() {
var NewCount = 0


if (document.keuze.ano.checked){
NewCount = NewCount + 1
}
if (document.keuze.vrij.checked){
NewCount = NewCount + 1
var show = true;
}
if (NewCount == 2){
alert('Je kan maar 1 van de 2 keuzes kiezen!')
document.keuze; return false;   }  }
</SCRIPT>
<FORM NAME="keuze">
<INPUT TYPE="checkbox" NAME="ano" onClick="return KeepCount()"> Ik wil het account aangeven als anoniem voor de gebruikers.<br />
<INPUT TYPE="checkbox" NAME="vrij" onClick="return KeepCount()"> Ik geef de naam van het account weer aan de gebruikers.<br />
</FORM>

Ik wil zeg maar dat als de gebruiker de checkbox vrij aanvinkt, er dan een textfield onder deze code komt zodat de gebruiker een naam kan invullen.

Ik weet nou niet hoe ik dit een "echo" geeft zodat het tevoorschijn komt. Ik dacht met de true boolean alleen met wat controleer ik of de waarde true gegeven is zodat de textfield tevoorschijn kan komen?

Dat is dit stukje code:

var show = true;

Alvast bedankt!

EDIT:

Ik heb nu dit:

<SCRIPT LANGUAGE="javascript">
function KeepCount() {
var NewCount = 0


if (document.keuze.ano.checked){
NewCount = NewCount + 1
}
if (document.keuze.vrij.checked){
NewCount = NewCount + 1
}
if (NewCount == 2){
alert('Je kan maar 1 van de 2 keuzes kiezen!')
document.keuze; return false;  
 }  
 }
</SCRIPT>
<SCRIPT LANGUAGE="javascript">
function toggle(what,targetId) {
target = document.getElementById(targetId);
target.style.display = (what.checked)?'':'none';
}
</SCRIPT>
<FORM NAME="keuze">
<INPUT TYPE="checkbox" NAME="ano" onClick="return KeepCount()"> Ik wil het account aangeven als anoniem voor de gebruikers.<br />
<INPUT TYPE="checkbox" NAME="vrij" value="vrij" onClick="toggle(this,'divtochange'); return KeepCount();"> Ik geef de naam van het account weer aan de gebruikers.<br />
</FORM>  


<div id="divtochange" style="display:none;">
test
</div>

Nu raakt de controle van de aangevinkte items een beetje bugged. Kies je de eerste en dan de 2e hokje, krijg je wel de melding, maar de div blijft zichtbaar, dat wil ik vermijden. Hoe kan ik dit oplossen?

Citaat van BrokenTrack4

Even om bij het begin te beginnen.

Waarom heb je twee functies met dezelfde naam?

Verder is mijn persoonlijke voorkeur het gebruik van jQuery, die maakt zoiets erg makkelijk

De eerste checkt of er maar 1 vakje gekozen is en de 2e checkt of het vakje vrij gekozen is, zoja, geeft hij de true, alleen hoe roep ik deze op?

Dan zet ik ze wel in 1, alleen met wat kan ik checken dat als het zo is hij een textarea laat zien.

Citaat van K.Rens

Om een textarea te tonen kun je volgende code gebruiken:

PHP

<SCRIPT LANGUAGE="javascript"> 
getElementById('element').style.display = 'block';
</script>


<textarea id="element" style="display: none;">test</textarea>

Standaard is het veld verborgen en van zodra de javascript wordt geladen, wordt het veld getoond.
Opgelet: in bovenstaande code wordt het meteen getoond, mogelijk wil je een if of een onclick er rond zetten, zodat hij dit pas doet na een actie.
Nu ga je de textarea niet lang verborgen zien.

Ik snap nog niet veel van Javascript. Hoe verwerk ik dit in de code, met zeg maar de : als vakje vrij aangevinkt is, laat textarea zien.

Wat moet ik aan deze code aanpassen om dat werkend te krijgen?

Citaat van BrokenTrack4

Hier heb ik het antwoord binnen 15 sec gevonden

Nee hoor, de antwoorden die daar staan passen niet bij wat ik nu heb.

EDIT:

Ik heb nu dit:

<SCRIPT LANGUAGE="javascript">
function KeepCount() {
var NewCount = 0


if (document.keuze.ano.checked){
NewCount = NewCount + 1
}
if (document.keuze.vrij.checked){
NewCount = NewCount + 1
}
if (NewCount == 2){
alert('Je kan maar 1 van de 2 keuzes kiezen!')
document.keuze; return false;  
 }  
 }
</SCRIPT>
<SCRIPT LANGUAGE="javascript">
function toggle(what,targetId) {
target = document.getElementById(targetId);
target.style.display = (what.checked)?'':'none';
}
</SCRIPT>
<FORM NAME="keuze">
<INPUT TYPE="checkbox" NAME="ano" onClick="return KeepCount()"> Ik wil het account aangeven als anoniem voor de gebruikers.<br />
<INPUT TYPE="checkbox" NAME="vrij" value="vrij" onClick="toggle(this,'divtochange'); return KeepCount();"> Ik geef de naam van het account weer aan de gebruikers.<br />
</FORM>  


<div id="divtochange" style="display:none;">
test
</div>

Nu raakt de controle van de aangevinkte items een beetje bugged. Kies je de eerste en dan de 2e hokje, krijg je wel de melding, maar de div blijft zichtbaar, dat wil ik vermijden. Hoe kan ik dit oplossen?