Lable+input 單選標籤的單擊事件執行兩次

来源：互联网发布：淘宝虚假宣传如何处罚编辑：程序博客网时间：2024/05/18 00:34

ipt-checkbox input[type="checkbox"]{    display: none;}.ipt-checkbox input[type="checkbox"]+label {    display: inline-block;      text-align: left;    -webkit-box-sizing: border-box;}.ipt-checkbox label::before {    content: "";    display: inline-block;    width: 17px;    height: 17px;      vertical-align: middle;     margin-right: 5px;    -webkit-box-sizing:border-box;    border-width: 1px;   border-style:inset;    border-color: #ddd; }.ipt-checkbox input[type="checkbox"]:checked+label::before{    background-color: #38c;    border-color: #38c;    color: #fff;    text-shadow: 0 1px 0 #059;    background-image: url(../lximage/check-white.png);    background-position:center,center;    background-repeat:no-repeat;}

ipt-checkbox的Click事件會執行兩次
e.target.nodeName =input
e.target.nodeName =Lable

選中和不選中的效果
这里写图片描述

阅读全文

0 0