js全选及全不选按钮

html添加全选框

		<input type="checkbox" name="all" id="all" value="" />全选<br />
		<input type="checkbox" name="kris" id="" value="" /><br />
		<input type="checkbox" name="kris" id="" value="" /><br />
		<input type="checkbox" name="kris" id="" value="" /><br />
		<input type="checkbox" name="kris" id="" value="" /><br />
		<input type="checkbox" name="kris" id="" value="" /><br />
		<input type="checkbox" name="kris" id="" value="" /><br />
		<input type="checkbox" name="kris" id="" value="" /><br />
		<input type="checkbox" name="kris" id="" value="" /><br />

js实现效果

			var a = document.getElementById('all')
			a.onclick=function(){
				var b =document.getElementsByName('kris')
				if (a.checked) {
					for (i=0;i<b.length;i++) {
						b[i].checked=true;
					}
				} else{
					for (i=0;i<b.length;i++) {
						b[i].checked=false;
					}
				}				
			}
			var b =document.getElementsByName('kris')
			for (j=0;j<b.length;j++) {
				b[j].onclick=function(){
					var n=0
					for (i=0;i<b.length;i++) {						
						if (b[i].checked) {
							n++
							continue
						} else{
							a.checked=false
							break
						}
					}	
					if (n==b.length) {
						a.checked=true
					}
				}
			}