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

【JavaScript】URLクリック必須の制御をする

  • 更新

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

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

 

◼️注意事項

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

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

 

選択しているjQueryバージョンによって、記述内容を使い分けてください。

jQuery1.4.1は2026年4月以降、forSurveyでのサポートを終了します。

 

◼️jQuery 3.7.1

――サンプル画面―――――――――――――――――――――――――――――――――――
画面遷移デモ　https://test-bds.post-survey.com/preview/index.php?key=PtrzJnkI&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（次へボタン押下時）」へ入力する

url_check(event);
}
var url = [];
window.onload = function() {
  var links = document.querySelectorAll("a[class^='url']");
  links.forEach(function(link) {
    url[link.getAttribute("class")] = 0;
  });
  links.forEach(function(link) {
    link.addEventListener('click', function() {
      url[this.getAttribute("class")] = 1;
    });
  });
}
function url_check(event) {

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

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

 

◼️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 必須 クリック 制御

関連記事