需要幫助以HTML格式的子彈幫助顯示不同的字段

Question

我想模仿此鏈接上的HTML表單：http://maati.tv/uploads/ 我正在將它放到公司的Facebook頁面上。

現在，我遇到的問題是，我無法顯示取決於選擇單選按鈕的不同字段。我知道它需要JavaScript。我從這個鏈接得到相關的腳本：https://stackoverflow.com/a/14127709/1315163

$(".radioSelect").each(function() { 
    showSpecificFields(this); 
}); 

$(".radioSelect").click(function() { 
    showSpecificFields(this); 
}); 


function showSpecificFields(obj) { 
    if ($(obj).is(":checked")) { 
    var radioVal = $(obj).val(); 
    $(".fieldsSpecific").each(function() { 
     if ($(this).attr('id') == radioVal) { 
     $(this).show(); 
     } else { 
     $(this).hide(); 
     } 
    }); 
    } 
} 

任何人都可以請幫我嗎？其餘的代碼是在這個jsFiddle：http://jsfiddle.net/DDJNc/2/

謝謝。

Answer 1

你的回答：

$(".radioSelect").each(function(){ 
    showSpecificFields(this); 
}); 

$(".radioSelect").click(function(){ 
    showSpecificFields(this); 
}); 

function showSpecificFields(obj){ 
    if($(obj).is(":checked")){ 
    var radioVal = $(obj).val(); 
    $(".fieldsSpecific").not('.'+radioVal).each(function(){ 
     $(this).hide(); 
    }); 
    $(".fieldsSpecific."+radioVal).each(function(){ 
     $(this).show(); 
    }); 
    } 
} 

檢查HTML也

http://jsfiddle.net/DDJNc/4/

。 （點）CSS選擇器選擇包含給定類的元素。該類應該出現在您的HTML上，以便它能夠正常工作！

請勿使用id屬性，因爲您試圖匹配屬於類而不是單個元素的一組元素。