detta följer inte kodstandard. Det skall vara class eller id-attribut samt att värdet inte skall börja med en siffra.
Kan du klistra in kod som är mer relevant, dvs med riktiga radioknappar och bra döpta divvar?
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> new document </title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript">
<!--
window.onload = init;
function init(){
hide_all();
document.getElementById("myoption-1").onclick = function(){
hide_all()
document.getElementById("more-choises-1").style.display = (this.checked) ? "" : "none"
};
document.getElementById("myoption-2").onclick = function(){
hide_all()
document.getElementById("more-choises-2").style.display = (this.checked) ? "" : "none"
};
document.getElementById("myoption-3").onclick = function(){
hide_all();
};
document.getElementById("myoption-4").onclick = function(){
hide_all();
};
}
function hide_all(){
document.getElementById("more-choises-1").style.display="none";
document.getElementById("more-choises-2").style.display="none";
}
//-->
</script>
</head>
<body>
<form method="post" action="post.php">
<fieldset>
<div>
<label><input type="radio" name="myoption" id="myoption-1" value="choice-1"/>Val 1</label><br />
<label><input type="radio" name="myoption" id="myoption-2" value="choice-2"/>Val 2</label><br />
<label><input type="radio" name="myoption" id="myoption-3" value="choice-3"/>Val 3</label><br />
<label><input type="radio" name="myoption" id="myoption-4" value="choice-4"/>Val 4</label>
</div>
<div id="more-choises-1">
flera val<br />
<label><input type="radio" name="myoption-2" id="myoption-2-1" value="choice-1"/>Val 1</label>
...
</div>
<div id="more-choises-2">änna flera val<br />
<label><input type="radio" name="myoption-3" id="myoption-2-1" value="choice-1"/>Val 1</label><br />
<label><input type="radio" name="myoption-3" id="myoption-2-2" value="choice-1"/>Val 2</label>
...
</div>
</fieldset>
</form>
</body>
</html>
ett enkelt exempel som gömmer / visa divvar beroende vad man väljer.
Jag har inte tagit i hänsyn att nollställa radioknappar om man valt något i de osynliga divvarna, det kan man göra server-side om man vill.