1、复选框的全选和取消
<!DOCTYPE html>
<html>
<head>
<title>复选框的全选和取消</title>
</head>
<body>
<script type="text/javascript">
window.onload=function(){
var y=document.getElementById("tyy");
var t=document.getElementsByName("rr");//getElementsByName是根据name获取;复选框的话获取的值将是数组
y.onclick=function(){
//checked为属性,获取复选框的状态,值为true或者false
//true表示选中状态,false表示没有选中
var u=y.checked;
if(u){
for(var r=0;r<t.length;r++){
t[r].checked=true;
}
}else{
//取消全选
for(var r=0;r<t.length;r++){
t[r].checked=false;
}
}
for(var r=0;r<t.length;r++){
t[r].onclick=function(){
var h=0;
for(var r=0;r<t.length;r++){
if(t[r].checked==true){
h++;
}
if(h==t.length){
y.checked=true;
}else{
y.checked=false;
}
}
}
}
}
}
</script>
<input type="checkbox" id="tyy"/><br>
<input type="checkbox" name="rr"/>湖南<br>
<input type="checkbox" name="rr"/>山西<br>
<input type="checkbox" name="rr"/>山东<br>
</body>
</html>
2、获取下拉列表的value值
<!DOCTYPE html>
<html>
<head>
<title>下拉列表获取value值</title>
</head>
<body>
<script type="text/javascript">
window.onload=function(){
document.getElementById("oo").onchange=function(){//onchange是获取变化事件
alert(document.getElementById("oo").value);//用document.getElementById可以使用下拉框下的value
}
}
</script>
<select id="oo">
<option value="">---请选择省份---</option>
<option value="001">山西</option>
<option value="002">北京</option>
<option value="003">上海</option>
</select>
</body>
</html>