单选、复选框，下拉菜单特效
发布时间：2010-03-07 19:28:38 作者：admin 阅读：1098次表单对象:
<!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=gb2312" />
<title>Select下拉菜单</title>
</head>
<script>
function pop(){
i=document.form1.sel.selectedIndex
value=document.form1.sel.options[i].value
if(value!="我的爱好"){
alert("您选择的是:第"+i+"项"+" "+"值为:"+value)
//alert(document.form1.sel.value)
}
}
function check1(){
if((document.form1.score[0].checked==true)||(document.form1.score[1].checked==true)||(document.form1.score[2].checked==true)||(document.form1.score[3].checked==true)){
for(var i=0;i<document.form1.score.length;i++){
if(document.form1.score[i].checked){
alert(document.form1.score[i].value)
return false;
}
}
}
else{
alert("您没有选择任何选项!")
return false;
}
}
function check2(){
var str
str=""
for(var j=0;j<document.form1.colors.length;j++){
if(document.form1.colors[j].checked){
str+=document.form1.colors[j].value + " "
}
}
if((document.form1.colors[0].checked==true)||(document.form1.colors[1].checked==true)||(document.form1.colors[2].checked==true)||(document.form1.colors[3].checked==true)){
alert(str)
document.form1.txtarea.value=str
}
else{
alert("您没有选择任何选项!")
}
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
<input type="radio" name="score" value="0分" />0分
<input type="radio" name="score" value="1分" />1分
<input type="radio" name="score" value="2分" />2分
<input type="radio" name="score" value="3分" />3分
<input type="button" value="请打分！" name="button1" onclick="check1()">
<input type="checkbox" name="colors" value="蓝色" />蓝色
<input type="checkbox" name="colors" value="红色" />红色
<input type="checkbox" name="colors" value="绿色" />绿色
<input type="checkbox" name="colors" value="紫色" />紫色
<input type="button" value="变色" name="button2" onclick="check2()">
<textarea name="txtarea" cols="30" rows="5" onFocus="check2()">
</textarea>
<select name="sel" onchange="pop()">
<option value="我的爱好">请选择我的爱好:</option>
<option value="乒乓球">乒乓球</option>
<option value="排球">排球</option>
<option value="篮球">篮球</option>
<option value="足球">足球</option>
</select>
</form>
</body>
</html>
如有问题，可以QQ搜索群1028468525加入群聊，欢迎一起研究技术
转载请注明：单选、复选框，下拉菜单特效 出自老鄢博客 | 欢迎分享