今天突然就在想，html中的复选框可更改的样式有限，而且现在制作一个复选框需要写很多代码，然后我就想到一个简单的实现方式。完全证明了这是可行的。多的不说，直接贴出源代码，供大家参考。
实现效果：
代码：
html代码片段:
代码如下:
<a name="checkWeek"></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;
}
区分每一个超链接就不在做出说明了可以有很多种方式,实际上内似的像单选框按钮也可以这样子轻松实现，从而节省时间。
- 2017年4.2国际儿童图书日标语
- 宣传计划生育横幅标语大全100条
- 农村计划生育宣传标语2017最新
- 2016最新计划生育宣传标语条幅大全
- 第30个世界无烟日控烟标语【1】
- 第30个世界无烟日控烟标语【2】
- 【篇一】学校节水节电节粮教育宣传标语
- 【篇二】学校节水节电节粮教育宣传标语
- 【篇一】社区宣传展板节水节粮标语
- 【篇二】社区宣传展板节水节粮标语
- 2017年全国母乳喂养宣传标语
- 2017庆六一演讲稿
- 六一儿童节联欢会演讲稿范文
- 2017六一儿童节校长发言稿
- 最新六一儿童节联欢会演讲稿
- 小学六年级作文:庆六一班会发言稿
- 幼儿园儿童节嘉宾发言稿范文
- 五年级六一儿童节发言稿作文
- 儿童节学生代表发言稿范例
- 小学六一儿童节校长讲话稿
- 优秀小学生儿童节演讲稿范文精选
- 幼儿园六一儿童节家长代表发言稿例文
- 6.1儿童节教师代表发言稿范文
- 学生用六一儿童节发言稿
- 六一儿童节演讲稿范文
- fitness ball
- fitness-ball
- fitness center
- fitness-center
- fitness centre
- fitness-centre
- fitness class
- fitness class
- fitness club
- fitness component
- 碔砆
- 碕
- 碗
- 碗柜
- 碗橱
- 碗泥
- 碗盏
- 碗窑
- 碗脱
- 碘
- 中秋节有什么传统美食呢
- 中秋节必吃十大美食一览
- 中秋节的来历故事一览
- 中秋节的习俗及传说一览
- 2022年中秋节高智商猜灯谜（附带答案）
- 2022中秋节的灯谜谜语附答案
- 四年级庆祝中秋节的作文
- 快乐的中秋节小学作文
- 中秋节2022活动策划方案
- 2022中秋节策划方案