css點選附近文字選中核取方塊程式碼例項
在很多應用中,可能有這樣的效果,那就是並沒有直接點選核取方塊,也能夠實現核取方塊的選中或者取消選中。
這個效果其實是利用<label>標籤實現的,下面就分享一段這方面的程式碼例項。
[HTML] 純文字檢視 複製程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> </head> <body> <input type="checkbox" id="checkbox"> <label for="checkbox">螞蟻部落</label> </body> </html>
相關文章
- 點選文字選中或取消選中checkbox核取方塊
- checkbox 核取方塊全選程式碼
- JavaScript獲取選中checkbox核取方塊的選中值JavaScript
- JavaScript 點選複製選中文字程式碼例項JavaScript
- JavaScript 核取方塊全選和全不選JavaScript
- JavaScript 限制核取方塊選中數目JavaScript
- JavaScript 獲取選中checkbox核取方塊的值JavaScript
- 小程式核取方塊全選和全部取消
- JavaScript 判斷checkbox核取方塊是否選中JavaScript
- jquery table下的核取方塊選中、取消jQuery
- 單選按鈕和核取方塊
- jQuery點選文字框清除內容程式碼例項jQuery
- jQuery核取方塊checkbox的全選和反選jQuery
- JavaScript核取方塊全選和全不選詳解JavaScript
- jQuery Validate限定核取方塊選中的數目jQuery
- JavaScript刪除核取方塊選中的表格行JavaScript
- Yii2 中 checkboxlist 核取方塊 預設選中
- 純css tab選項卡程式碼例項CSS
- 對於核取方塊的快捷選擇
- CSS3 checkbox核取方塊和radio單選框美化效果CSSS3
- CSS 美化checkbox核取方塊CSS
- 選中滑鼠附近的文字
- 直播系統原始碼,單選按鈕和核取方塊原始碼
- vxe-table 多選、使用表格多選資料、核取方塊多選
- 使用jQuery做核取方塊的全選與取消jQuery
- 基礎元件:單選開關和核取方塊元件
- css3美化checkbox核取方塊CSSS3
- jQuery點選滑出層效果程式碼例項jQuery
- JS基礎入門篇(四)—this的使用,模擬單選框,選項卡和核取方塊JS
- CSS3立體導航選單程式碼例項CSSS3
- CSS模擬美化checkbox核取方塊詳解CSS
- vxe-table 實現核取方塊多選透過滑鼠拖動選擇功能
- checkBox核取方塊,獲得選中那一行所有列的資料
- css選擇器,帶例項CSS
- CSS 選擇器 - 帶例項CSS
- jQuery tab選項卡效果程式碼例項jQuery
- css多行文字垂直居中程式碼例項CSS
- odoo wizard介面顯示帶核取方塊列表及勾選資料獲取Odoo
- Flutter 基礎控制元件篇-->單選框(Switch)、核取方塊(Checkbox)Flutter控制元件