选中A12，取消复选框，数据——有效性——有效性条件：序列——来源：√,×，A16IF(A12"√",SUM(A14:A15),0)更多追问追答追问这个我知道，我想知道复选框的用法是怎么用的，呵呵！追答设置复选框的LinkedCell属性A10A16IF(A10,SUM(A14:A15),0)追问呵呵 看不太懂，能不 能说说具体的步骤，先谢谢你啦，大哥,还有，多个复选框能不能选定到同个单元格的结果，比如我同时钩选了A11，B11，那B16显示的是A列和B列的总和数字追答WPS EXCEL设置复选框LinkedCell属性的方法
打开【excel】表格，在上方的工具栏中，找到并且点击【开发工具】；
1、选中复选框，右击看到“属性”功能。 2、在弹出属性对话框中，找到“font”，找到后边的功能，如箭头所示为“宋体”。 3、点击后边的小方框。 4、在弹出字体对话框中，可以更改“字体”、“字形”、“大斜，改好点击“确定”。 5、这样复选框的字体大小就
然后在右边，点击【复选框】选项，在单元格中绘制复选框控件，接着点击上方的【控件属性】；
1.制作个人简历为例，首先把简历其他部分的内容编辑完成，只留下复选框部分稍后制作，如下图所示： 2.鼠标移至菜单栏中[插入]命令后，单击[插入]命令后，如下图所示： 3.选择[插入]命令中的[复选框]子命令，如下图所示： 4.点击[复选框]后，鼠标
找到并且点击左边一栏中的【Caption】按钮，修改复选框名称，接着调整一下复选框的位置和大小就可以了；
在WPS表格中输入方框里带对勾的符号的方法： 方法一： 1、单击插入----符号按钮； 2、弹出符号对话框，在字体处选择Wingdings2；选择如图所示的符号即可。 方法二：(以搜狗拼音输入法为例) 1、在输入输入栏上单击软键盘，在弹出的选项中选择特殊
另外还可以通过复制粘贴，快速的给其他选项设置复选框。
1、打开WPS表格，可以在A1单元格内看到有方框符号。 2、点击工具栏上的“插入”选项。 3、找到“符号”图标并点击进入。 4、在弹出的“符号”对话框中，在“字体”选择“wingdings”。 5、找到带方框的对勾符号后，选中该符号，点击插入。 6、即可在A1单元
1、正常的复选框2113，需要VBA支持，才能获得5261点击时，自动转为复4102选状态的效果;2、许多时候，文档1653中只是插入了一个方框而已，因此无法通过点击，自动转为复选状态;3、可以通过输入工具中自带的特殊字符等方式，结合加框功能和选择合适的字体，获得手工形成复选框的效果。此原理wps表格/excel相同。插入特殊符号，或者先输入对勾然后工具栏里的文字圈那个按钮1、正常的复选框，需要2113VBA支持，才能5261获得点击时，自动转4102为复选状态的效果;2、许多时候，文档中1653只是插入了一个方框而已，因此无法通过点击，自动转为复选状态;3、可以通过输入工具中自带的特殊字符等

	

点击上方蓝色链接，关注并“设为星标”，每天学习
乾不知道自己能飞多高，可是他知道，如果他不飞，他的天就只有这么高
目录
1 实现效果 
2 知识点讲解
2.1 标签
2.2 CSS3 box-shadow 属性
2.3 CSS3 transition 属性
2.4 CSS3 :checked 选择器
2.5 CSS element+element 选择器
3 代码实现 
1 实现效果 
2 知识点讲解
2.1 标签
在html中，标签通常和标签一起使用，标签为input元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果，标签的作用是为鼠标用户改进了可用性，当用户点击标签中的内容时，浏览器就会自动将焦点转到和该标签相关联的控件上；标签在单选按钮和复选按钮上经常被使用，使用该标签后，你点击label标签内的内容，也可以选中对应的单选按钮或复选按钮。
标签语法格式：
文本内容
关联控件的id一般指的是input元素的id；在html5中还新增了一个属性form，form属性是用来规定所属的一个或多个表单的 id 列表，以空格隔开；当标签不在表单标签中时，就需要使用form属性来指定所属表单；
 元素没有特别的样式考虑——结构上， 是简单的行内元素，所以可使用和  或 元素大致相同的方式来应用样式。
2.2 CSS3 box-shadow 属性
boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表，每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。
语法：
box-shadow: h-shadow v-shadow blur spread color inset;
值
说明
h-shadow
必需的。水平阴影的位置。允许负值
v-shadow
必需的。垂直阴影的位置。允许负值
blur
可选。模糊距离
spread
可选。阴影的大小
color
可选。阴影的颜色。
inset
可选。从外层的阴影(开始时)改变阴影内侧阴影
2.3 CSS3 transition 属性
transition 属性用来设置元素过渡效果，四个简写属性为：
transition-property
transition-duration
transition-timing-function
transition-delay
语法
transition: property duration timing-function delay;
值
描述
transition-property
指定CSS属性的name，transition效果
transition-duration
transition效果需要指定多少秒或毫秒才能完成
transition-timing-function
指定transition效果的转速曲线
transition-delay
定义transition效果开始的时间
2.4 CSS3 :checked 选择器
:checked 选择器匹配每个选中的输入元素(仅适用于单选按钮或复选框)。
2.5 CSS element+element 选择器
element+element 选择器用于选择(不是内部)指定的第一个元素之后紧跟的元素。
例如：选择所有紧接着 
 元素之后的第一个 
 元素:
div+p{ background-color:yellow; }
3 代码实现 
!DOCTYPE htmlhtmlheadmeta charset=\"utf-8\"title<>/titlestyle type=\"text/css\"/style/headbodydiv id=\"main\"h1/h1div id=\"wrap\"input type=\"checkbox\" name=\"1\" id=\"item1\" /label for=\"item1\"div/divimg src=\"ico_checkon.svg\" //div/label/divdiv id=\"wrap\"input type=\"checkbox\" name=\"1\" id=\"item2\" /label for=\"item2\"div class=\"item\"div class=\"content\"/divimg src=\"ico_checkon.svg\" //div/label/divdiv id=\"wrap\"input type=\"checkbox\" name=\"1\" id=\"item3\" /label for=\"item3\"div class=\"item\"div class=\"content\"/divimg src=\"ico_checkon.svg\" //div/label/divdiv id=\"wrap\"input type=\"checkbox\" name=\"1\" id=\"item4\" /label for=\"item4\"div class=\"item\"div class=\"content\"/divimg src=\"ico_checkon.svg\" //div/label/divdiv id=\"wrap\"input type=\"checkbox\" name=\"1\" id=\"item5\" /label for=\"item5\"div class=\"item\"div class=\"content\"/divimg src=\"ico_checkon.svg\" //div/label/divh1/h1div id=\"wrap\"input type=\"radio\" name=\"1\" id=\"item6\" /label for=\"item6\"div class=\"item\"div class=\"content\"/divimg src=\"ico_checkon.svg\" //div/label/divdiv id=\"wrap\"input type=\"radio\" name=\"1\" id=\"item7\" /label for=\"item7\"div class=\"item\"div class=\"content\"/divimg src=\"ico_checkon.svg\" //div/label/divdiv id=\"wrap\"input type=\"radio\" name=\"1\" id=\"item8\" /label for=\"item8\"div class=\"item\"div class=\"content\"/divimg src=\"ico_checkon.svg\" //div/label/divdiv id=\"wrap\"input type=\"radio\" name=\"1\" id=\"item9\" /label for=\"item9\"div class=\"item\"div class=\"content\"/divimg src=\"ico_checkon.svg\" //div/label/divdiv id=\"wrap\"input type=\"radio\" name=\"1\" id=\"item10\" /label for=\"item10\"div class=\"item\"div class=\"content\"/divimg src=\"ico_checkon.svg\" //div/label/div/div/body/html
<html>  <head>    <meta charset="utf-8">    <title>title>    <style type="text/css">      #main {        display: flex;        justify-content: center;        align-items: center;        flex-wrap: wrap;      }      #wrap {        position: relative;        margin: 10px;      }      .item {        width: 100px;        height: 100px;        background-color: #9E9E9E;        position: relative;        box-shadow: 0 0 0 3px #dbe0e3;        transition: all 0.5s;        cursor: pointer;      }      .item img {        width: 20px;        height: 20px;        position: absolute;        bottom: 0px;        right: 0px;        opacity: 0;      }            input[type="radio"],      input[type="checkbox"] {        display: none;      }      input:checked+label .item {        box-shadow: 0 0 0 3px #00a3ff;        color: #FFFFFF;        background-color: #efad4c;      }      input:checked+label .item img {        opacity: 1;      }            .content {        font-size: 30px;        text-align: center;        line-height: 100px;      }style>  head>  <body>    <div id="main">            <h1>多选h1>      <div id="wrap">          <input type="checkbox" name="1" id="item1" />        <label for="item1">          <div class="item">            <div class="content">              1            div>            <img src="ico_checkon.svg" />          div>        label>      div>      <div id="wrap">              <input type="checkbox" name="1" id="item2" />        <label for="item2">          <div class="item">            <div class="content">              2            div>            <img src="ico_checkon.svg" />          div>        label>      div>      <div id="wrap">              <input type="checkbox" name="1" id="item3" />        <label for="item3">          <div class="item">            <div class="content">              3            div>            <img src="ico_checkon.svg" />          div>        label>      div>      <div id="wrap">              <input type="checkbox" name="1" id="item4" />        <label for="item4">          <div class="item">            <div class="content">              4            div>            <img src="ico_checkon.svg" />          div>        label>      div>      <div id="wrap">              <input type="checkbox" name="1" id="item5" />        <label for="item5">          <div class="item">            <div class="content">              5            div>            <img src="ico_checkon.svg" />          div>        label>      div>            <h1>单选h1>      <div id="wrap">          <input type="radio" name="1" id="item6" />        <label for="item6">          <div class="item">            <div class="content">              1            div>            <img src="ico_checkon.svg" />          div>        label>      div>      <div id="wrap">              <input type="radio" name="1" id="item7" />        <label for="item7">          <div class="item">            <div class="content">              2            div>            <img src="ico_checkon.svg" />          div>        label>      div>      <div id="wrap">              <input type="radio" name="1" id="item8" />        <label for="item8">          <div class="item">            <div class="content">              3            div>            <img src="ico_checkon.svg" />          div>        label>      div>      <div id="wrap">              <input type="radio" name="1" id="item9" />        <label for="item9">          <div class="item">            <div class="content">              4            div>            <img src="ico_checkon.svg" />          div>        label>      div>      <div id="wrap">              <input type="radio" name="1" id="item10" />        <label for="item10">          <div class="item">            <div class="content">              5            div>            <img src="ico_checkon.svg" />          div>        label>      div>    div>  body>html>

	

阅读本文约需要6分钟
大家好，我是你们的导师，我每天都会在这里给大家分享一些干货内容(当然了，周末也要允许老师休息一下哈)。上次老师跟大家分享了最佳Linux VPS服务器托管的知识，今天跟大家分享下JS 之删除CSS属性的知识。
1 JS 之删除CSS属性方法1：使用CSS removeProperty：该CSSStyleDeclaration.removeProperty()方法被用来从一个元件的样式删除一个属性。通过遍历styleSheets数组并选择cssRule，可以选择元素的样式。然后可以使用要删除的属性指定removeProperty方法。句法：
element.removeProperty('property')
实例1：
 <html>   <head>     <title>       How to remove CSS property using JavaScript?   title>     <style>         .elem {             color: green;             font-size: 3rem;             text-decoration: underline;         } style> head>   <body>     <h1 style="color: green">       GeeksForGeeks   h1>     <b>       How to remove CSS property using JavaScript?   b>     <div class="elem">Hello World!div>     <p>       Click on the button below to remove       the text decoration of the element   p>     <button onclick="removeProperty()">       Remove text-decoration property   button>     <script>         function removeProperty() {             element =                document.styleSheets[0].cssRules[0].style;             element.removeProperty('text-decoration');         } script> body>   html> 
输出：在单击按钮之前：单击按钮后：方法2：使用setProperty方法：该CSSStyleDeclaration.setProperty()方法可用于设置的样式的所需的属性。选择必须删除其属性的元素，并将此属性应用于其style属性。将此属性设置为“ initial”可将属性重置为其初始值，从而消除该属性的任何影响。句法：
element.style.setProperty('color'，'initial')
例如：
 <html>   <head>     <title>       How to remove CSS property using JavaScript?   title>     <style>         .elem {             color: green;             font-size: 3rem;             text-decoration: underline;         } style> head>   <body>     <h1 style="color: green">       GeeksForGeeks   h1>     <b>       How to remove CSS property using JavaScript?   b>     <div class="elem">Hello World!div>     <p>       Click on the button below to remove the text       color of the element   p>     <button onclick="removeProperty()">       Remove color property   button>     <script>         function removeProperty() {             element = document.querySelector('.elem');             element.style.setProperty('color', 'initial');         } script> body>   html> 
输出：
在单击按钮之前：
单击按钮后：
参考链接：https://mp.weixin.qq.com/s/GCNmrxWKESA0YyYAKHt1CA
好了，今天技术部分就讲到这里。还有一个重要的事，我们现在已开放对外招导师。工资还可以，大概15K-25K，点击下面【链接】有详细介绍！(注意！每期我们只招1个人！)
15K~25K招聘导师若干名

Element 对象
DOM的标准规范中提供了Element对象，该对象提供了HTML页面中所有元素所具有的属性和方法。
DOM标准规范中提供了Node对象，主要是依靠DOM “节点树” 结构访问和更新HTML页面的内容。
而DOM标准规范中提供了Element对象，主要是依靠DOM “元素树” 结构访问和更新HTML页面的内容。 （元素访问没有像Node对象的空白节点）
注意:所有的HTML页面的元素都是HTMLElement对象，而这个对象又是继承于Element对象的。
浏览器兼容：除了children外，其他属性均不支持IE 8及之前版本的浏览器
定位页面的元素的方法
Element对象提供了属性和方法实现定位页面元素功能。
该对象与Document对象提供的属性和方法实现定位页面元素功能区别在于Document对象定位的是HTML页面中所有指定元素，而Element对象定位的是指定元素内所有指定元素。
目前Element对象提供实现定位页面元素的方法具有如下几种: ●getElementsByTagName()方法:通过页面元素的元素名定位元素。 ●getElementsByClassName()方法: 通过页面元素的class属性值定位元素。 ●querySelector()方法:通过CSS选择器定位第- -一个匹配的元素。 ●querySelectorAll()方法:通过CSS选择器定位所有匹配的元素。
注意：和document对象一些方法操作一样，但还是少于document对象
遍历元素
获取子元素
通过HTML页面中指定元素查找其子元素，我们可以通过以下Element对象的属性实现:
children 获取指定节点的所有子元素 childElementCount 获取指定元素的所有子元素的个数 firstElementChild 获取指定节点的第一个子元素 lastElementChild  获取指定节点的最后一个子元素
如下代码，统计子元素的个数和childElementCount作用一样： var children = parentElement.children console.log(children.length)
获取相邻兄弟元素
previousElementSibling 获取指定元素的前面相邻兄弟元素
nextElementSibling 获取指定元素的后面相邻兄弟元素
获取指定元素的属性
getAttribute（属性名）方法用于获取指定元素的属性值
设置指定元素的属性
setAttribute（）方法 ，用于设置指定元素的属性值
element.setAttribute(name,value) 如果该属性存在，则更新该值；否则将添加一个新的属性用指定的名称和值
删除指定元素的属性
removeAttribute（）方法 用于删除指定元素的属性
element.removeAttribute（属性名）
判断是否含有指定属性
hasAttribute（）方法，用于判断指定的元素是否存在某个属性
element.hasAttribute（属性名）
hasAttibutes（）方法，用于判断指定的属性是否含有属性
element.hasAttibutes（）
返回类型都为bool类型，true或false
​
​
​
### innerHTML 属性
​
```css
表示HTML页面指定元素后代的HTML代码 
​
var content=element.innerHTML
​
​
返回的是描述元素后代的HTML语句
-----------------------------------------
设置HTML页面中指定元素的后代HTML语句
element.innerHTML="code"
​
例：
<body>
  <p id="p1">你好呀~</p>
  <script>
    var pElement = document.getElementById('p1')
    console.log(pElement.innerHTML)
    /*
      innerHTML属性并不是W3C的DOM规范
      注意: 如果使用innerHTML属性设置HTML内容的话, 设置的内容不能是由用户输入的
     */
    pElement.innerHTML = '<span style="color: red;">这是一段用于测试的文本.</span>'
  </script>
</body>
​
​
如上代码，原p标签中的文本内容：你好呀~，会被span元素所取代替换掉。
​
​
----------------------------------------------------------------
尽管innerHTML属性不属于W3C DOM规范，但是它为完全替换元素内容提供了一个更加便捷的方式。
​
举个例子，可以通过如下代码完全删除文档内body的内容:
document . body. innerHTML = "";
注意:因为innerHTML属性没有统一的标准，各浏览器厂商对它实现差别很大。
​