1. チェックボックスのチェック数によって付与するタグを変える方法

チェックボックスのチェック数によって付与するタグを変える方法

2025.06.05 更新
Text=kintsuba
■目的
複数選択のチェックボックスで、選択項目それぞれにタグを付与します。

チェックボックスの作成方法はこちら>

■セット所要時間
30分


■サンプルコード
フォームサンプルページ>
フォームサンプルページダウンロード>
※ソースコード確認方法
windows:Ctrl + U 
mac  :option + command + U 


■セットの流れ
フォーム送信時にチェックされている数を数えて、その個数によってそれぞれタグを付与します。
タグコードに本番用のタグコードをご設定ください。
※デフォルトタグは必要な場合に設定してください。




	<script>
		//送信時処理
		$(function () {
			$('.btn-submit').on('click', function () {
				if ($("#form-name").validationEngine('validate')) {
					//連打防止ローディング
					$('.btn').hide();
					$('.loading').show();

					var tags = ['デフォルトタグ'];//デフォルトタグ設定
					var val = $('.trigger input:checkbox:checked');
					var count = val.length;

					if(count == 0){
						tags.push('タグコード1');//チェックなし
					}
					else if(count >= 1 && count < 4){//1以上4未満
						tags.push('タグコード2');
					}
					else if(count >= 4 && count < 6){//4以上6未満
						tags.push('タグコード3');
					}
					else if(count == 6){//全選択
						tags.push('タグコード4');
					}

					//申請時タグに配列のtags追加
					document.getElementById("add_tags").value = tags;

					// return false;//コメントアウト外すと送信されません
				}
			});
		});
	</script>




ガイドの内容はあくまでもサンプルになります。
そのまま使用できない場合は対応するフォームにあわせての編集をお願いします。 
表示設定が正常にできない場合、ソースチェックの有償サポートも行っております。
ご希望の場合は設定代行バナー、もしくはお問い合わせLINE、チャットワークよりご依頼をお願いします。

ご希望通りのセッティングができましたか?

1人中0人がセッティングができたと言っています。

このマニュアルの作成者は kintsuba です。

こちらのマニュアルで希望のセッティングが出来なかった
際は、下記のどちらかでお問い合わせください。

フリープランの方はこちら
LINE公式アカウント機能拡張プラン、
オートコールセンタープランの方はこちら