メインコンテンツへスキップ

【jQuery 3.7.1使用不可】【JavaScript】URLクリック必須の制御をする

  • 更新

現在jQueryのバージョンを「jQuery 3.7.1」で実施したリサーチにて
一部端末とOSにて、先に進めなくなる事象が発生していることがわかりました。
そのため「jQuery 3.7.1」のコードを改修しております。

修正までに実施されるリサーチについては
jQueryのバージョンを「v1.4.1（互換バージョン）」にて実施いただけますと幸いです。

 

※ 標準機能ではないため動作保証外となっております。

　貴社forSurvey環境での十分な動作確認をお願いいたします。

 

◼️注意事項

※ アプリに遷移するURLのクリック必須の制御はご遠慮ください。

※ 回答負荷が高い制御になりますので、モニタプラスに配信する場合はクリック必須の多用はご遠慮ください。

 

◼️jQuery 1.4.1

――サンプル画面―――――――――――――――――――――――――――――――――――
画面遷移デモ　https://test-bds.post-survey.com/preview/index.php?key=6EHHuwHf&lang_c=ja
―――――――――――――――――――――――――――――――――――――――――――

① URLを「選択肢/設問文/コメント上中下」へ入力する

<a href="https://xxx" target='_blank' class="url1">AAA</a>

https://xxx：別タブで表示するURLサイト

AAA　　 ：表示されるURLリンク名

※ クリック必須とするURLを複数表示する場合は、url1 を url2 , url3 ... と指定してください。

例 ）

<a href="https://mkt-apps.zendesk.com/hc/ja" target='_blank' class="url1">https://mkt-apps.zendesk.com/hc/ja</a>
<a href="https://accounts.mkt-apps.com/login" target='_blank' class="url2">https://accounts.mkt-apps.com/login</a>

 

② Javascriptを「Javascript（次へボタン押下時）」へ入力する

url_check( event );
}
var url = [];
window.onload = function() {
  $("a[class^='url']").each(function() {
    url[$(this).attr("class")] = 0;
  });
  $("a[class^='url']").click(function(){
    url[$(this).attr("class")] = 1;
  });
}
function url_check( event ) {


  for (let key in url) {
    if (url[key] == 0) {
      alert("すべてのURLをクリックしてください");
      return false;
    }
  }

※アラートの文言は変更可能です。

 

 

#URL 必須 クリック 制御

関連記事