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

Question

前提・実現したいこと

ファンクションに以下の内容で記述して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を使用して試したのですが、うまくいきませんでした。
誰か何か良い方法を教えてください。

Comments

[kuma_kuma_]

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

[退会済みユーザー]

失礼しました。以下の形で行ってました。

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_]

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

Answer 1

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

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

• sample

<script>
$(function(){
  $('#btn').on('click',function(){
    var u=$('[name=area]:checked').map(function(){return encodeURIComponent($(this).val());}).get().join("+");
    console.log("u="+u);
  });
});
</script>

<form>
<input type="checkbox" name="area" value="あ">
<input type="checkbox" name="area" value="い">
<input type="checkbox" name="area" value="う">
<input type="button" value="make" id="btn">
</form>