javascript - 需要帮助以 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 中才能正常工作！

Don't use the id attribute for that because you are trying to match a set of elements that belong to a class and not a single element.