폼의 입력되어 있는 각종 내용 지우기

<script type="text/javascript">

	function clearForm(o){
		$('[type=text], select, textarea', o).val('');
		$('[type=checkbox]:checked, [type=radio]:checked', o).prop('checked', false);
	}

</script>

<form name="form1" method="get">

	<input type="text" name="" value="헬로 월드!" />
	<input type="text" name="" value="헬 월드!!" />
	<textarea name="" style="width:250px; height:50px;" class="">안녕하세요? 텍스트에리어 입니다.</textarea>
	<br/><br/>

	<input type="checkbox" name="" value="" checked />이미
	<input type="checkbox" name="" value="" checked />체크되어있다
	<br/><br/>

	<input type="radio" name="r1" value="" checked />라디오는 끌수 없죠
	<input type="radio" name="r2" value="" checked />라디오는 끌수 없죠2
	<br/><br/>

	<select name="">
		<option value="">- 선택 -</option>
		<option value="1" selected>있다</option>
		<option value="2">없다</option>
	</select>

	<select name="" size="5" multiple>
		<option value="1" selected>있다</option>
		<option value="2" selected>있다</option>
		<option value="3" selected>있다</option>
		<option value="4">없다</option>
		<option value="5">없다</option>
	</select>

	<div style="text-align:center; margin-top:10px;">
		<button type="button" onclick="clearForm(this.form)">내용 다 지우기</button>
		<button type="reset">다시 하기</button>
	</div>

</form>

<br/><br/><br/><br/>다른 폼에서도 사용 하기 <br/><br/>

<form name="form1" method="get">

	<input type="text" name="" value="헬로 월드!" />
	<input type="text" name="" value="헬 월드!!" />
	<textarea name="" style="width:250px; height:50px;" class="">안녕하세요? 텍스트에리어 입니다.</textarea>
	<br/><br/>

	<input type="checkbox" name="" value="" checked />이미
	<input type="checkbox" name="" value="" checked />체크되어있다
	<br/><br/>

	<input type="radio" name="r1" value="" checked />라디오는 끌수 없죠
	<input type="radio" name="r2" value="" checked />라디오는 끌수 없죠2
	<br/><br/>

	<select name="">
		<option value="">- 선택 -</option>
		<option value="1" selected>있다</option>
		<option value="2">없다</option>
	</select>

	<select name="" size="5" multiple>
		<option value="1" selected>있다</option>
		<option value="2" selected>있다</option>
		<option value="3" selected>있다</option>
		<option value="4">없다</option>
		<option value="5">없다</option>
	</select>

	<div style="text-align:center; margin-top:10px;">
		<button type="button" onclick="clearForm(this.form)">내용 다 지우기</button>
		<button type="reset">다시 하기</button>
	</div>

</form>