需求:要求实现点击全选选中所有菜单,再次点击全选取消选中。此功能经常会用户,下面小编给大家分享下实现代码,一起看看吧!
效果图如下:
点击全选之前:
点击全选之后:
再次点击全选之后:
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="checkbox" onclick="quanxuan()">全选
<input type="checkbox" name="nation">唱歌
<input type