次のコードで単純な Javascript トグル関数を使用しています。
<script>
function add_more(){
if (document.form.more[0].checked==true)
{
document.getElementById('moreTxt').style.display="block";
}
else if (document.form.more[1].checked==true)
{
document.getElementById('moreTxt').style.display="none";
}
}
</script>
do want to enter something more ?
<form name="form">
<input type="radio" value="yes" name="more" onclick="add_more()" /> Yes
<input type="radio" value="No" name="more" onclick="add_more()" /> No
<div id="moreTxt" style="display:none">
hi you can enter more here
<textarea rows="3" cols="4">
</textarea>
</div>
</form>
問題は、[はい] をクリックして、何らかの理由でページを更新すると、[はい] ラジオ ボタンがオンのままですが、moreTxt div
非表示になります (つまり、デフォルトの表示モード)。
この問題にどのように取り組むべきですか?