php 20180327表格内で选択内容によってコンテンツ切り替え

Posted 2021-05-04

//ラジオボタン、セレクトボックスの選択内容によって表示するコンテンツを変更する。

//参考にした記事
//https://humo-life.net/blog/jquery/263/
//https://teratail.com/questions/48538
//実装テスト
//http://150.60.153.156/wedding/contact/

<script>
function radioOpen() {
	$('.wrap_acc').slideDown();
}
function radioClose() {
	$('.wrap_acc').slideUp();
}
</script>

<div class="con_request">
	<form action="./#contact_form" method="post" name="contact_form" id="contact_form">
		<input type="hidden" name="mode" value="confirm" />
		<table class="tbl_primary">
			<tr class="radio">
				<th>お問い合わせ項目<span>必須</span></th>
				<td>
					<input type="radio" name="radio" value="1" onclick="radioClose()" checked>資料請求
					<input type="radio" name="radio" value="2" onclick="radioOpen()">来館予約
				</td>
			</tr>
			<tr class="day wrap_acc">
				<th>ご来館日</th>
				<td>
					<input type="text" id="datepicker" class="datepicker" name="arrival_date" value="" readonly="readonly" placeholder="例) 2017年12月1日">
				</td>
			</tr>
		</table>
	</form>
</div>