单选与全选
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="checkbox">全选
<input type="checkbox">苹果
<input type="checkbox">香蕉
<input type="checkbox">凤梨
<input type="checkbox">西瓜
<script>
var ein=document.querySelectorAll('input');
console.log(ein);
ein[0].addEventListener('click',function(){
if(ein[0].checked==true)
{
for(var i=1;i<ein.length;i++)
{
ein[i].checked=true;
}
}
else
{
for(var i=1;i<ein.length;i++)
{
ein[i].checked=false;
}
}
});
for(var i=1;i<ein.length;i++)
{
ein[i].onclick=function(){
ein[0].checked=isSelectAll();
console.log("选中");
};
}
function isSelectAll(){
for(var i=1;i<ein.length;i++)
{
if(ein[i].checked==false)
{
return false;
}
}
return true;
}
</script>
</body>
</html>