<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<title>測試</title>
</head>
<body>
<form id="form1" name="form1">
文本框 ：<input type="text" id="txt" value="txt" />
<br />
單選按鈕：<input type="radio" value="男" name="sex" />男 <input type="radio" value="女" name="sex" checked="checked"/>女
<br />
復選框：<input type="checkbox" value="1" name="check[]"/>1<input type="checkbox" value="2" checked="checked" name="check[]" />2<input type="checkbox" value="3" checked="checked" name="check[]" />3
<br />
下拉框：
<select id="sel" style="width: 100px">
<option value="1">1</option>
<option value="2" selected="selected">2</option>
<option value="3">3</option>
</select>
<br />
<input type="button" value="獲取" onclick="getVal()"/>
</form>
<script type="text/javascript">
function getVal(){
var str="";
//獲取單選按鈕的值
var radios = document.form1.sex;
var n = radios.length;
for (var i = 0; i < n; i++) {
if (radios[i].checked) {
str = " 單選 "+radios[i].value;
}
}
//獲取復選框中選中的值的組合 1,2,3,4
var checkboxs = document.getElementsByName('check[]');
var n = checkboxs.length;
for (var i = 0; i < n; i++) {
if (checkboxs[i].checked) {
str += " 復選框 "+checkboxs[i].value;
}
}
//獲取下拉列表的選中項的值
//方法一：
str += " 列表 一："+document.getElementById("sel").value;
//方法二：
var sel = document.getElementById("sel");
str += " 列表 二："+sel.options[sel.selectedIndex].value;
alert(str);
}
</script>
</body>
</html>
posted on 2012-02-16 13:49
wilsonyq 閱讀(130)
評論(0) 編輯 收藏 所屬分類:
web core