Javascript中鼠标的事件

function checkUname(){
				//实现用户名验证，用户名只能是英文字母，且长度至少是6位
				var reg=/^[a-zA-Z](6,)$/
				//获取文本框中的值
				var username=document.getElementById("uname").value
				if(reg.test(username)){
					document.getElementById("msg1").innerHTML="用户名格式正确"
					return true
				}else{
					document.getElementById("msg1").innerHTML="用户名格不式正确"
					return false
				}
			}

 密码和确认密码格式必须是由数字，字母，下划线组成，且长度必须在六位以上

function checkPwd(n){
				var pwd1=document.getElementById("pwd1").value
				var pwd2=document.getElementById("pwd2").value
				var reg=/^\w{6,}$/
				if(n==1){
					if(reg.test(pwd1)){
						document.getElementById("msg2").innerHTML="密码格式正确"
						return true
					}else{
						document.getElementById("msg2").innerHTML="密码格式不正确"
						return false
					}
				}else{
					if(reg.test(pwd2)){
						document.getElementById("msg3").innerHTML="确认密码格式正确"
						return true
					}else{
						document.getElementById("msg3").innerHTML="确认密码格式不正确"
						return false
					}
				}
			}

用来判断密码和确认密码是否一致

function checkEquals(){
				var pwd1=document.getElementById("pwd1").value
				var pwd2=document.getElementById("pwd2").value
				//验证判断密码和确认密码是否一致
				if(checkPwd(2)){
					if(pwd1==pwd2){
					document.getElementById("msg3").innerHTML="密码和确认密码一致"
					return true
				}else{
					document.getElementById("msg3").innerHTML="密码和确认密码不一致"
					return false
					}
				}
			}

//下滑列表

function changeOpt(){
				var cityList=new Array();
				cityList['请选择省份']=['--请选择城市--'];
				cityList['河南省']=['郑州','开封','洛阳','商丘','焦作'];
				cityList['四川省']=['成都','咸阳','德阳','泸州','黄山'];
				//获取选中的下拉列表项（省份）
				var province=document.getElementById("province").value
				//将下拉列表项清空
				document.getElementById("cities").options.length=0
				for(var i=0;i<cbs.length;i++){
					
			}

<p>
			<input type="checkbox" id="selectAll" />全选/全不选
			<!--<input type="checkbox"id="selectReverse"> 反选-->
		</p>
		<hr>
		<ul class="shop">
			<li><input type="checkbox"/>苹果</li>
			<li><input type="checkbox"/>梨</li>
			<li><input type="checkbox"/>香蕉</li>
			<li><input type="checkbox"/>西瓜</li>
			<li><input type="checkbox"/>葡萄</li>
		</ul>
		<script>
			var cbs=document.querySelectorAll(".shop input")
			document.getElementById("selectAll").onclick=function(){
				//this：指的是当前对象（出发该事件的标签）
				// console.log(this)
				//获取到当前复选中状态
				var isChecked=this.Checked
				// console.log(isChecked)
				//获取水果列表
				//var cbs=document.querySelectorAll(".shop input")
				for(var i=0;i<cbs.length;i++){
					cbs[i].checked=isChecked
				}
			}

 给水果列表中的每一个复选框绑定一个单击事件

for(var i=0;i<cbs.length;i++){
				//绑定单击事件
				cbs[i].onclick=function(){
					var count=0//用来储存被选择中的水果的个数
					for(var j=0;j<cbs.length;j++){
						if(cbs[j].checked){
							count++
						}
					}
					if(count==cbs.length){
						document.getElementById("selectAll").checked=true
					}else{
						document.getElementById("selectAll").checked=false
					}
				}
			}

点击效果图