js代码:
<script type="text/javascript">
function getvalues(formName){
//姓名
if (formName.username.value == "") {
alert("不能为空");
}else{
alert("姓名:"+formName.username.value) ;
}
//性别
var show = formName.sex;
var sex = "";
for(var i = 0; i < show.length; i ++){
if(show[i].checked == true){
sex = show[i];
}
}
alert("性别是:" + sex.value);
//兴趣爱好
var interest = formName.interests;
var interests = "";
for(var i =0 ;i< interest.length ;i++){
if(interest[i].checked == true ){
interests += interest[i].value + ";" ;
}
}
alert("兴趣爱好:" + interests);
//重量
var quantity = "";
for(var i = 1; i <= 2; i ++){
var group=document.getElementById("group" + i).getElementsByTagName("input");
if(group[0].checked==true){
quantity += group[1].value + ",";
}
}
alert("重量:" + quantity);
}
</script>
HTML表单代码:
<form name="info" id ="info">
<table border="1" width="400">
<tr>
<td>username</td>
<td><input name="username" id="username" type="text" /></td>
</tr>
<tr>
<td>sex</td>
<td>
<input name="sex" type="radio" checked = "true" value="man" />man
<input name="sex" type="radio" value="woman"/>woman
</td>
</tr>
<tr>
<td>interests</td>
<td>
<input name="interests" type="checkbox" value="surfing"/>surfing
<input name="interests" type="checkbox" value="running"/>running
<input name="interests" type="checkbox" value="climbing"/>climbing
</td>
</tr>
<tr>
<td>quantity</td>
<td id="group1">
<input type="checkbox" name="idKeys" value="1" />1
<input type="text" name="quantity" class="quantity" size="6"/>
</td>
</tr>
<tr>
<td>quantity</td>
<td id="group2">
<input type="checkbox" name="idKeys" value="2" />2
<input type="text" name="quantity" class="quantity" size="6"/>
</td>
</tr>
<tr>
<td colspan="3">
<input type="button" value="Submit" id="addItem" οnclick="getvalues(this.form)"/>
</td>
</tr>
</table>
</form>