checkbox value가 submit되지않을때

checkbox는 radio와 다르게 값을 hidden한 input으로 넘겨줘야한다는 사실을

놀랍게도 몇개월에 한번씩 계속 잊고 왜 안되는지 한참을 고민하다 떠올리곤 탄식하는 일이 반복되자..

반성을 할겸 적어보기로 했다. 

 

hidden type input을 추가

<input name="web" value="N" type="hidden"/>
<input name="mobile" value="N" type="hidden"/>

 

onchange시 함수호출

<span class="checkboxs">
<input type="checkbox" id="device_type_w" onchange="ifCheckedTurnYorN(this, 'web')"/>
<label for="device_type_w">웹</label>
</span>
							
<span class="checkboxs">
<input type="checkbox" id="device_type_m" onchange="ifCheckedTurnYorN(this, 'mobile')" />
<label for="device_type_m">모바일</label>
</span>

//checkbox가 선택되었을때 value을 변경한다.
	function ifCheckedTurnYorN(checkbox, hiddenInputName) {
		$("input[name='" + hiddenInputName + "']").val(checkbox.checked ? 'Y' : 'N');
	}

 

 

완료.