javascriptでフォームの内容をいい感じにJSONにしてくれる関数作りました

---

###経緯
普通にGETなりPOSTなりしても良いのだけど、サーバー側でJSONで処理する事が増えてきたし、APIの通信テストページみたいなのをHTMLで作ってたら、こういうニーズが出てきました。
すごく局所的なニーズかなｗ

$("#form").serializeArray(); でも良かったんだけど、これだと

・チェックの入っていないチェックボックスが取得できない（パラメータ数が変わってしまう）
・{name:"aaa", value:"bbb"}　形式が使いにくい（APIテストとしては、入力形式が変わってしまう）
・multipleのselectboxで同じnameのパラメータが複数送られてしまう

という問題があったので、
{param1:"val1","param2":"val2",}
となるような関数を作ったのです。

ネットでググると、$("#form").serializeArray(); した後に、ループで回してるのが多かったのですが、multipleのselectboxがArrayで入ってくるように対応したかったので、まとめて一つの機能にしてみました。

###ソース

/**
 * フォームの内容を成形されたJSONにして返す
 * チャックボックスは空白ならfalse としてパラメータに追加
 * 
 * @param	{Jquery}		form			フォームオブジェクト
 * @param	{Boolean}		isReturnArray	戻り値を配列にするか 無指定でfalse
 * @returns	{Array|String}	JsonのStringかArray
 */
function formToJson(form,isReturnArray){
	isReturnArray === undefined ? false : isReturnArray;
	var inputs = form.find('input,select,textarea');
	var inputValues = {};
	inputValues['form_id'] = form.attr('id');
	inputs.each(function (){
		var type = $(this).attr('type');
		var tag = $(this).prop('tagName');
		var name = $(this).attr('name');
		var checkd = $(this).prop("checked");
		if(tag === 'SELECT'){
			var options = $(this).find('option');
			inputValues[name] = [];
			options.each(function(){
				var checkd = $(this).prop("checked");
				var selected = $(this).prop("selected");
				if(checkd || selected){
					inputValues[name].push($(this).val());
				}
			});
		}else if(type === 'checkbox' ){
			inputValues[name]=checkd;
		}else if(type === 'radio'){
			if(checkd){
				inputValues[name]=$(this).val();
			}
		}else{
			inputValues[name]=$(this).val();
		}
	});
	
	if(isReturnArray){
		return inputValues;
	}else{
		return JSON.stringify(inputValues,null,2);
	}
}

こんな感じです。
大した出来でもないのですが、自分が今後も使いそうなので、投稿しておきます。

---