Help with code[checkbox.checked && div id(hide || show)]

Hello everybody, Im working on a project and I want that when clicked on the "national" checkbox the country div shows and the europe div hides and when clicked on the international happens the other way around. In my effort of achieving this, Ive wrote this code, though it doesnt work. Can anybody tell me what did I do wrong or how should I pursue this?

<body>
<div><div><form id= "form1">
<input type="checkbox" name="option3" value="national" id= 'national' onchange= "f()"> National</input>
<input type="checkbox" name="option4" value="internacional" id= 'inter' onchange= "f()"> International</input>
<input type="button" value="check" onclick="f()">
</form>
</div>
<script type= "text/javascript">

var nation= document.getElementById("national");
var international= document.getElementById("inter");

var country= document.getElementById("country");
var europe= document.getElementById("europe");

function f()
{
if (nation.checked= true) &&(international.checked= false)
{ country.style.display='block';
europe.style.display='none'; }
else if (nation.checked= true) &&(international.checked= false)
{ country.style.display='none';
europe.style.display='block'; }
else if (international.checked= true) &&(nation.checked= true)
{ country.style.display='none';
europe.style.display='none';
alert("Dont select both at the same time.")}

else
{ peru.style.display='none';
europe.style.display='none'; }}
</script>


<div id= 'country'>
<form id= 'regiones'method= 'POST'>
<select id= 'selection'>Uno
<option>Uno</option>
<option>Due</option>
</select>
</form>
</div>


<div id= "europe">
<form id= 'Europea'method= 'POST'>One
<select id= 'sel1'>
<option>One</option>
<option>Two</option>
</select>
</form>
</div> </div>
</body>

Answered General Forums → Mobile Development → Save checkboxes to SQLite Database Started by DarkHeart, 26 Mar 2015 android, java, sqlite, checkbox	6 replies 12234 views	DarkHeart 27 Mar 2015
Language Forums → HTML, CSS and Javascript → Is it possible: Float top div on CSS3? Started by PuddingEatsPanda, 01 Jul 2014 css3, float, grid, div	2 replies 2081 views	Vaielab 04 Jul 2014
Language Forums → PHP → question in php Started by Asom, 24 May 2014 show, page	Hot 11 replies 1151 views	Incinerated 07 Jun 2014
Language Forums → HTML, CSS and Javascript → Duplicated text because of jQuery mobile - how to hide? Started by elliottveares, 25 Apr 2014 jquery, hide, duplicated, text	4 replies 1897 views	BlackRabbit 27 Apr 2014
Language Forums → C# → C# adding "focus" to a checkbox windows forms Started by rubbadrools, 02 Apr 2014 c#, windows form, checkbox and 2 more...	1 reply 4074 views	BlackRabbit 02 Apr 2014

Recent Topics

Recent Blog Entries

Recent Status Updates

Popular Tags

#1 bluefenix

#2 wim DC

Also tagged with one or more of these keywords: checkbox, div, hide, show, hide element, show element, hide div, show div, checkbox.checked

Save checkboxes to SQLite Database

Is it possible: Float top div on CSS3?

question in php

Duplicated text because of jQuery mobile - how to hide?

C# adding "focus" to a checkbox windows forms