首页 > 其他 > 详细

label勾选问题,checkbox

时间:2020-05-15 19:38:44      阅读:59      评论:0      收藏:0      [点我收藏+]

 

 

<input id="overck_21" data-role="none" name="check" class="regular-radio2" type="checkbox">
<label for="overck_21" data-role="none">
     本人同意并接受
</label>


  if(!$(‘.mor-box2 input‘).is(‘:checked‘)){
      methods.prompt("请先阅读并同意《个人信息保护声明》");
      return false;
  };
  
  
.regular-radio2 {
    display: none;
}       
.regular-radio2+label {
    -webkit-appearance: none;
    position: relative;
    padding-left: 0.3rem;
    background: url(../images/my-c1.png) no-repeat left center;
    background-size: 0.25rem 0.25rem;
    font-size: 0.24rem;
    color: #333333;
    width: 0.22rem;
    height: 0.52em;
}

.regular-radio2:checked+label {
    background: url(../images/my-c2.png) no-repeat left center;
    background-size: 0.25rem 0.25rem;
}

 

技术分享图片

 

技术分享图片

 

label勾选问题,checkbox

原文:https://www.cnblogs.com/liubingyjui/p/12896229.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!