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>
you're missing closing bracket. add 1 before </script>
Comments
Post a Comment