チェックボックスの値
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD.xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta HTTP-EQUIVE="Content-Type" CONTENT="text/html;charset=utf-8" />
<title>チェックボックスの値</title>
<script src="../js/prototype.js" type="text/Javascript"></script>
<script src="../js/funcs.js" type="text/Javascript"></script>
<script src="../js/test8.js" type="text/Javascript"></script>
</head>
<body>
<form id=frm name=frm>
<!-- このサンプルではラジオボタンと同じような動作にしています -->
<p id=grp>
<input type=checkbox name=chk id=ck1 />小説<br />
<input type=checkbox name=chk id=ck2 />参考書<br />
<input type=checkbox name=chk id=ck3 />問題集<br />
</p>
選択した結果<div id=disp></div>
</form>
</body>
</html>
<!--
test8.js
//画面の起動時に呼びだされます
Event.observe( window, 'load', getFormContents );
//イベントを登録します
function getFormContents(){
var obj = document.getElementById("grp");
setListener(obj, "click", funcGetData);
}
//マウスが動いたときの座標を表示します
function funcGetData(e)
{
var obj=getid(e);
for(i=0;i<document.frm.chk.length;i++)
{
document.frm.chk[i].checked=false;
}
var result="";
if(obj=="ck1")
{
document.getElementById("ck1").checked=true;
result="小説";
}
else if(obj=="ck2")
{
document.getElementById("ck2").checked=true;
result="参考書";
}
else if(obj=="ck3")
{
document.getElementById("ck3").checked=true;
result="問題集";
}
else
{
result="";
}
$("disp").innerHTML=result;
}
--------------------------------------------------
-->
|
|