Jag har 2st Radioknappar, man väljer någon av dom: JA eller Nej.
Om ’Ja’ knappen är inbokad så dyker upp textrutan ’referens’, sedan om man klickar på Nej så ska textrutan försvinner, men just nu om jag klickar på Nej en gång till så dyker textruten i alla fall.
Jag har försökt men inte lyckats med att få det att funka…
Tack!
Här är min kod:
<script type="text/javascript">
function call_ref(){
var oReferens=document.getElementById("referens");
oReferens.style.display=(oReferens.style.display=="")? "none":"";
}
</script>
<label><input type="radio" name="ref" value="1" id="ref_1" onclick="call_ref();"/><span class="txt_knappar">Nej</span></label><span class="txt_knappar"><br />
<label><input type="radio" name="ref" value="2" id="ref_2" onclick="call_ref();"/>
Ja, Här är min referens</label></span>
<script type="text/javascript">
function call_ref(el) {
var
oReferens = document.getElementById("referens");
oReferens.style.display = (el.value==="1" ? "none" : "");
}
</script>
<label>
<input type="radio" name="ref" value="1" id="ref_1" onclick="call_ref(this);"/>
<span class="txt_knappar">Nej</span>
</label>
<span class="txt_knappar">
<br />
<label>
<input type="radio" name="ref" value="2" id="ref_2" onclick="call_ref(this);"/>
Ja, Här är min referens
</label>
</span>
Har lagt in en paramater i din funktion som är det element som anropas när du kör onclick (i detta fall this => sig själv), sen kollar man bara värdet, om den har värdet "1" så skall den inte visar referens blocket, annars visar den.