php 20180330表格でブラウザバックしてもJSで表示したコンテンツを保持

Posted 2021-05-04

.wrap_acc {
	display: none;
}

//実装したテスト
//https://www.hoitomo.jp/zzz_test_ability/entry/

<script>
window.onload = function() {
	var open = $("input[name='working']:checked").val();
	if(open == "就業中") {
		$('.wrap_acc').slideDown();
	} else {}
}

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

<form action="./#entry_form" method="POST" name="entry_form" id="entry_form">
  <table class="tbl_primary">
    <tr class="situation">
			<th><span class="tit">就業状況</span><span class="kome">必須</span></th>
			<td>
				<label>
					<input type="radio" onclick="radioOpen()" name="working" class="checkbox01-input" value="就業中">
					<span class="checkbox01-parts">就業中</span>
				</label>
				<label>
					<input type="radio" onclick="radioClose()" name="working" class="checkbox01-input" value="離職中" >
					<span class="checkbox01-parts">離職中</span>
				</label>
			</td>
		</tr>
		<tr class="season wrap_acc">
			<th><span class="tit">退職時期</span><span class="kome">必須</span></th>
			<td>
				<label>
					<input type="radio" name="resignation" class="checkbox01-input" value="決定">
					<span class="checkbox01-parts">退職時期決定済</span>
				</label>
				<label>
					<input type="radio" name="resignation" class="checkbox01-input" value="未決定">
					<span class="checkbox01-parts">退職時期未決定</span>
				</label>
			</td>
		</tr>
	</table>
</form>