需要帮助以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属性，因为您试图匹配属于一个类而不是单个元素的一组元素。