URLパラメータに存在する値のチェックボックスを選択済みの状態にしたい

Question

###前提・実現したいこと
ページロード時にjQueryを使用して、URLのパラメータ(クエリストリング)をチェックし、値が存在するチェックボックスを選択済みの状態にしたいです。

例えば以下のURLにアクセスした場合に、
http://hogehoge.com/?purpose[]=選択肢2&purpose[]=選択肢3

<form action="./" method="get">
<ul>
	<li><input type="checkbox" id="purpose1" name="purpose[]" value="選択肢1"></li>
	<li><input type="checkbox" id="purpose2" name="purpose[]" value="選択肢2"></li>
	<li><input type="checkbox" id="purpose3" name="purpose[]" value="選択肢3"></li>
</ul>
<button type="submit">送信</button>
</form>

上記のHTMLが下記になるようにしたいです。

<form action="./" method="get">
<ul>
	<li><input type="checkbox" id="purpose1" name="purpose[]" value="選択肢1"></li>
	<li><input type="checkbox" id="purpose2" name="purpose[]" value="選択肢2" checked></li>
	<li><input type="checkbox" id="purpose3" name="purpose[]" value="選択肢3" checked></li>
</ul>
<button type="submit">送信</button>
</form>

よろしくお願いいたします。

Comments

[kei344]

ご自身で書かれたコードを質問文に追記いただいたほうが回答を得られやすいと思います。

Answer 1

自力で解決しました。

jQuery(function($) {

	var url = location.protocol + "//" + location.host + location.pathname + location.search;
	var params = url.split('?');
	var paramms = params.length>1&&params[1].split('&');
	var paramArray = [];
	for(var i = 0; i < paramms.length; i++) {
		var vl = paramms[i].split('=');
		paramArray.push(vl[0]);
		paramArray[vl[0]] = vl[1];
		
		var terms = decodeURIComponent(vl[1]);
		$('input').each(function(){
			var val = $(this).val();
			if(terms === val) {
				$(this).prop("checked",true);
			}
		});

	}

});