0

このリンクにある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/

ありがとう。

4

1 に答える 1

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属性を使用しないでください。

于 2013-01-09T19:26:37.440 に答える