單擊無線電選擇時動態顯示DIV

Question

我已經提供了此代碼，我似乎無法工作，我查看了以前的問題，但無法找到與它完全相同的任何內容。也許這是完全錯誤的，應該重新開始？

我想要做的是在選擇單選按鈕時顯示div。這裏是我的代碼：

<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> 

非常感謝！

程序員告訴我可以做我想做的與做的：

<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> 

和：

<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"> 
You are not qualified to see this form. 
</div> 

jsfiddle.net/cvn6n/72

Answer 1

你缺少一個右括號。在</script>之前加一個