■チェックボックス、ラジオボタン、ボタン、サブミット、リセットのボタンの内容を参照、変更したい
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>チェックボックス、ラジオボタン、ボタン、サブミット、リセットのボタンの内容を参照、変更したい</title>
<script type="text/JavaScript">
<!--
function chk_disp() {
alert("■以下は現在のチェック状況"+"\n"+
"性別：男（document.fm1.sex[0].checked） = "+document.fm1.sex[0].checked+"\n"+
"性別：女（document.fm1.sex[1].checked） = "+document.fm1.sex[1].checked+"\n"+
"ご感想：良い（document.fm1.impre[0].checked） = "+document.fm1.impre[0].checked+"\n"+
"ご感想：普通（document.fm1.impre[1].checked） = "+document.fm1.impre[1].checked+"\n"+
"ご感想：悪い（document.fm1.impre[2].checked） = "+document.fm1.impre[2].checked+"\n\n"+
"■以下は初期値のチェック状況"+"\n"+
"性別：男の初期値（document.fm1.sex[0].defaultChecked） = "+document.fm1.sex[0].defaultChecked+"\n"+
"性別：女の初期値（document.fm1.sex[1].defaultChecked） = "+document.fm1.sex[1].defaultChecked+"\n"+
"ご感想：良いの初期値（document.fm1.impre[0].checked） = "+document.fm1.impre[0].defaultChecked+"\n"+
"ご感想：普通の初期値（document.fm1.impre[1].checked） = "+document.fm1.impre[1].defaultChecked+"\n"+
"ご感想：悪いの初期値（document.fm1.impre[2].checked） = "+document.fm1.impre[2].defaultChecked);
}
function chk_chg1() {
document.fm1.sex[1].checked = true;
document.fm1.impre[0].checked = true;
document.fm1.impre[1].checked = true;
document.fm1.impre[2].checked = true;
document.fm1.submit1.value = "■送信します■";
document.fm1.reset1.value = "■リセットします■";
}
function chk_chg2() {
document.fm1.impre[0].click();
}
// -->
</script>
</head>
<body>
<p>■チェックボックス、ラジオボタン、ボタン、サブミット、リセットのボタンの内容を参照、変更したい</p>
<form name="fm1" action="mailto:tateda-yoshio@nifty.com" method="post" enctype="text/plain">
<p><input type="button" onclick="chk_disp()" value="各エレメントの内容表示">
<input type="button" onclick="chk_chg1()" value="各エレメントのチェック変更">
<input type="button" onclick="chk_chg2()" value="「良い」をクリック"></p>
<hr>
<p>性別：<input type="radio" name="sex" value="男" checked>男 <input type="radio" name="sex" value="女">女</p>
<p>ご感想：<input type="checkbox" name="impre" value="良い">良い <input type="checkbox" name="impre" value="普通">普通 <input type="checkbox" name="impre" value="非常に悪い">悪い</p>
<p><input type="submit" name="submit1" value="送信"> <input type="reset" name="reset1" value="リセット"></p>
</form>
</body>
</html>