<input type= "checkbox" Name= "CheckName" onclick= "Check (this)"/> Left <input type= "checkbox" Name= "CheckName" onclick= "Check (this)"/> Right <div id= "show" style= "Display:block;" > Show </div><div id= "hidden" style= "display:none;" > Hide </div><script type= "Text/javascript" >functionCheck (obj) {varChecks = Document.getelementsbyname ("CheckName"); if(obj.checked) { for(vari=0;i<checks.length;i++) {checks[i].checked=false; } obj.checked=true; }Else{ for(vari=0;i<checks.length;i++) {checks[i].checked=false; }} document.getElementById (' Show '). Style.display = document.getElementById (' show '). style.display== "None"? " Block ":" None "; document.getElementById (' Hidden '). Style.display = document.getElementById (' hidden '). style.display== "None"? " Block ":" None "; }</script>
Use JS to make a check box box, left to display Div, right to hide div