jqueryのcheckbox使用していて、getパラメータにうまく入れられない

前提・実現したいこと

ファンクションに以下の内容で記述してgetリクエストを作成したいのですが、checkboxの部分が１つ目のチェックの項目しか入らず困っています。
例えば、3つチェックしたら、3つがgetリクエストの中にはいるようにしたいです。
よろしくお願いします。

該当のソースコード

	function makeURL(){

		var mainURL = "http://xxx";

		var retURL = mainURL + "?";
		retURL += "a="  + encodeURI( $('input:radio[name="reception"]:checked').val()) + "&";
		retURL += "d="  + encodeURI( $(".inBirthday").val()) + "&";
		retURL += "u=" + encodeURI( $('input:checkbox[class="area"]:checked').val()) + "&";
		retURL += "x=" + encodeURI( $('input:checkbox[class="are"]:checked').val()) +  "&";
		retURL += "y=" + encodeURI( $('.tokugi').val()) + "&";
		retURL += "z=" + encodeURI( $('.tokugi1').val());
		return retURL;
	}

試したこと

eachやfunctionを使用して試したのですが、うまくいきませんでした。
誰か何か良い方法を教えてください。

kuma_kuma_

2020/09/19 06:25

まず retURL += "x=" + encodeURI( $('input:checkbox[class="are"]:checked').each(function() { aaa.push($(this).val()); $('#span3').text(aaa); 構文エラーになってない？ }); がないよ？というか aaa.push($(this).val()); $('#span3').text(aaa); この処理なに？

退会済みユーザー

2020/09/19 06:40

失礼しました。以下の形で行ってました。 function makeURL(){ var mainURL = "http://xxx"; var retURL = mainURL + "?"; retURL += "a=" + encodeURI( $('input:radio[name="reception"]:checked').val()) + "&"; retURL += "d=" + encodeURI( $(".inBirthday").val()) + "&"; retURL += "u=" + encodeURI( $('input:checkbox[class="area"]:checked').val()) + "&"; retURL += "x=" + encodeURI( $('input:checkbox[class="are"]:checked').val()) + “&”; retURL += "y=" + encodeURI( $('.tokugi').val()) + "&"; retURL += "z=" + encodeURI( $('.tokugi1').val()); return retURL; }

kuma_kuma_

2020/09/19 07:04

retURL += "u=" + encodeURI( $('input:checkbox[class="area"]:checked').val()) + "&"; retURL += "x=" + encodeURI( $('input:checkbox[class="are"]:checked').val()) + "&"; ?2箇所しかチェックボックス見てないよね？

行動規範の内容に同意します

回答1件

ベストアンサー

サーバーサイドの言語次第ですね
仮にu=1&u=2&u=3を渡すと、u=3しか受け取れません
PHPあたりだと

u[]=1&u[]=2&u[]=3のようにして、配列としてうけとったり
u=1+2+3のような受け取り方をすることで処理します。
どうしたいかをまず決めてください

sample

javascript
1<script>
2$(function(){
3  $('#btn').on('click',function(){
4    var u=$('[name=area]:checked').map(function(){return encodeURIComponent($(this).val());}).get().join("+");
5    console.log("u="+u);
6  });
7});
8</script>
9
10<form>
11<input type="checkbox" name="area" value="あ">
12<input type="checkbox" name="area" value="い">
13<input type="checkbox" name="area" value="う">
14<input type="button" value="make" id="btn">
15</form>