校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 無需太多的代碼利用超鏈接即可實現簡單自定義漂亮復選框

無需太多的代碼利用超鏈接即可實現簡單自定義漂亮復選框
熱門標簽：梧州地圖標注app 最簡單的百度地圖標注店鋪 錦州企業外呼系統 青海保險智能外呼系統商家 水經注萬能地圖標注 營口400電話申請 禹州電話外呼系統 新鄉機器人外呼系統 AI外呼系統 價格
今天突然就在想，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;
}

區分每一個超鏈接就不在做出說明了可以有很多種方式,實際上內似的像單選框按鈕也可以這樣子輕松實現，從而節省時間。

標簽：山南 延邊 荊門 哈密 昭通 懷化 潮州 青島

巨人網絡通訊聲明：本文標題《無需太多的代碼利用超鏈接即可實現簡單自定義漂亮復選框》，本文關鍵詞  無需,太,多的,代碼,利用,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《無需太多的代碼利用超鏈接即可實現簡單自定義漂亮復選框》相關的同類信息！
  • 本頁收集關于無需太多的代碼利用超鏈接即可實現簡單自定義漂亮復選框的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 九龙城区| 辉南县| 左云县| 阿图什市| 申扎县| 霍邱县| 太保市| 北碚区| 贡山| 达拉特旗| 沁水县| 虹口区| 张家川| 兴文县| 老河口市| 卓尼县| 清涧县| 凤冈县| 珠海市| 东乡县| 阿坝| 蓬安县| 新民市| 山东省| 晴隆县| 甘孜县| 昌黎县| 乐业县| 北安市| 彭阳县| 冷水江市| 南雄市| 农安县| 连平县| 平原县| 宜丰县| 宁海县| 洪湖市| 定南县| 余庆县| 孝义市|