radio的取值練習
!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-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<script language="javascript" src="jquery-1.8.0.js" ></script>
<script language="javascript">
$(document).ready(function()
{
$("#dv1").hide();
$("#dv1").val();
$("#t1").click(function()
{
var k1=$(this).offset();
var x=k1.left;
var y=k1.top+22;
$("#dv1").css({"position":"absolute","left":x+"px","top":y+"px"}).show();
});
$("#a1").click(function()
{
$("#dv1").hide();
});
$("#sure").click(function()
{
var data=$('[name="rd1"]:checked').val();
$("#t1").val(data);
$("#dv1").hide();
});
});
</script>
<body>
<form method="post" name="f1" id="f1">
出生地：
<input id="t1" name="t1" type="text" size="20" />
<input id="s1" name="s1" type="submit" value="傳送" />
</form>
<div id="dv1" style="width:300px;height:210px;background-color:#3FC">
<table width="300" height="200" border="2">
<tr>
<td align="right" height="10">
<a id="a1" href="javascript:;" style="text-decoration:none">X</a>
</td>
</tr>
<tr>
<td height="170">
<input type="radio" id="rd1" name="rd1" value="台南市"/>台南市
<input type="radio" id="rd1" name="rd1" value="高雄市"/>高雄市
<input type="radio" id="rd1" name="rd1" value="台中市"/>台中市
<p>
<input type="button" id="sure" name="sure" value="確認" />
</td>
</tr>
</table>
</div>
</body>
</html>
沒有留言:
張貼留言