关于前端面试题,全选与全不选

2016-09-02 09:31:27

刚学习的前端那会觉得，这个功能很难，很长一段时间内都不会，但是最近通过看视频，顿时恍然开朗。理解了，其实没什么难的！下面就是我做的一个简单的例子：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<input type="checkbox" id="slide" />全选

<br/>

<input type="checkbox" name="pro" />足球

<input type="checkbox" name="pro" />篮球

<input type="checkbox" name="pro" />排球

//通过id获取全选元素

var slide=document.getElementById("slide");

//获取单选集合

var pros=document.getElementsByTagName("pro");

//为全选元素添加点击事件

slide.onlick=function(){

for(var i=0;i<pros.length;i++){

//当选择全选框的时候相当于同时选择下面的几个单选框

pros[i].checked=pros[i].checked;

}

继续阅读