巅云智能建站平台搭建版(创业流派版)火爆上线,毕生受权!新增:文章智能收罗+全站真静态打包+都会分站+智能小法式+不法词过滤+H5自顺应+智能链词等功效功效概况
赞助文档Help

无需太多的代码操纵超链接便可完成简略自界说标致复选框

一佰互联网站建造(www.taishanly.com) 宣布日期 2020-04-20 08:53:24 阅读数: 116

明天俄然就在想,html中的复选框可变动的款式无限,并且此刻建造一个复选框须要写良多代码,而后我就想到一个简略的完成体例。完整证实了这是可行的。多的不说,间接贴出源代码,供大师参考。

完成成果:

未选中时:选中时:

图片背景:

checkboxSel.jpg

checkboxNoSel.jpg

代码:

html代码片断:

复制代码代码以下:
<a name="checkWeek" class="divCheckBoxNoSel"></a> 周一

javaScript代码片断:

复制代码代码以下:
$("a[name="checkWeek"]").click(function(){
if($(this).hasClass("divCheckBoxSel")){
$(this).removeClass("divCheckBoxSel");
}else{
$(this).addClass("divCheckBoxSel");
}
});

css代码片断:

复制代码代码以下:
.divCheckBoxNoSel{
background: url("../image/checkboxNoSel.jpg") no-repeat center center;
float:left;
width:15px;
height:15px;
border:1px solid #BDBDBD;
color:#FFF;
}
.divCheckBoxSel{
background: url("../image/checkboxSel.jpg") no-repeat center center;
float:left;
width:15px;
height:15px;
border:1px solid #BDBDBD;
color:#FFF;
}

辨别每个超链接就不在做出说了然能够有良多种体例,现实上内似的像单选框按钮也能够这模样轻松完成,从而节流时候。
一佰互联是天下着名建站品牌办事商,咱们有九年、网站建造、网页设想、php开辟和域名注册及假造主机办事经历,供给的办事更是天下着名。最近几年来还整合团队上风自立开辟了可视化多用户”“3.0平台版,拖拽排版网站建造设想,轻松完成pc站、手机微网站、小法式、APP一体化全网营销网站扶植 ,已胜利的为天下上百家收集公司供给自助建站平台搭建办事。

相干消息more

28
03月
玩转视频营销新弄法,抖音快闪店打造最in拔草

简介:作为挪动互联网的流量代价进口,短视频正成为新时期内容营销的主疆场。在本钱、平台、用户、告白主的多方鞭策下,短视频营销也在不时的摸索中衍... >>概况

15
04月
58同城撤消“100%小我房源” 仅留“小我

09月08日报道:局部地域“100%小我房源”认证率缺乏1%、中介假充房主、租房欺骗屡发…&helli... >>概况

28
04月
保举10个供给收费PHP剧本下载的网站

本文将重点先容10个PHP剧本的收费本钱下载站。之前保举 《16个下载超酷剧本的热点网站》,这些网站除PHP剧本,另有JavaScript... >>概况

11
05月
专业网站设想公司、专业网站扶植公司建企业网站

此刻的收集成长已使其成了咱们糊口中都不能贫乏的一局部,有良多处置网站扶植的公司呈现了。这固然让咱们大师有了更多的挑选,不过也使良多的人都... >>概况

高端网站扶植

美工统筹SEO,为企业电子商务营销助力!

德律风:

023-85725751
建站

产物

域名注册 假造主机 云办事器 企业邮局
智能建站 APP打包 微站/小法式 创业平台
网站推行 媒体营销 智能收罗 AI机械人
400德律风 短信营销 店销机械人
私家定制 流派网站