javascript - Show DIV dynamically when clicking on Radio Selection -


i have been supplied code can't seem working, i've looked around previous questions can't find it. maybe it's totally wrong , should start again?

what want show div when radio button selected. here code:

<script type="text/javascript"> jquery(document).ready(function($){ $('input[name="item_meta[478]"]').change(function(){ var val1 = $("input[name='item_meta[478]']:checked").val(); if (val1== "españa") { document.getelementbyid("div1").style.display = "block"; document.getelementbyid("div2").style.display = "none"; } if (val1== "intracomunitario") { document.getelementbyid("div2").style.display = "block"; document.getelementbyid("div1").style.display = "none"; } } </script>  <form> show form? <input type="radio" onclick="frmcheckdependent(this.value,'478')" checked="checked" value="españa" id="field_478-0" name="item_meta[478]">españa <input id="field_478-1" type="radio" onclick="frmcheckdependent(this.value,'478')" value="intracomunitario" name="item_meta[478]">intracomunitario </form>  <div id="div1" style="display:none"> custom form españa </div> <div id="div2" style="display:none"> custom form intracomunitario </div> 

thanks lot !

a programmer told me want with:

<script type="text/javascript"> jquery(document).ready(function($){ $('input[name="item_meta[988]"], input[name="item_meta[989]"]').change(function(){ var val1 = $("input[name='item_meta[988]']:checked").val(); var val2 = $("input[name='item_meta[989]']:checked").val();  if (val1 !=undefined && val2 != undefined) {$("#field_keytotal").val(val1+' '+val2);} }); }); </script> 

and:

<form> show form?  <input type="radio" id="showform" value="yes" name="showform" onchange="showhideform(this.value);"/>yes <input type="radio" id="showform" value="no" name="showform" onchange="showhideform(this.value);"/>no </form>  <script type="text/javascript"> function showhideform(showform) {     if (showform == "yes") {         document.getelementbyid("div1").style.display = 'block';         document.getelementbyid("div2").style.display = 'none';     }      if (showform == "no") {         document.getelementbyid("div2").style.display = 'block';         document.getelementbyid("div1").style.display = 'none';     } } </script>  <div id="div1" style="display:none"> [formidable id=18] </div> <div id="div2" style="display:none"> not qualified see form. </div> 

jsfiddle.net/cvn6n/72

you're missing closing bracket. add 1 before </script>


Comments

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

java - Copying object fields -

c++ - Clear the memory after returning a vector in a function -