亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

單擊 label 觸發(fā) checkbox,checkbox 觸發(fā) click

Forelax / 2260人閱讀

摘要:在桌面程序中,后面是帶文字的,單擊文字就會選中或取消選中選擇框,點起來很方便,但中是干的,單起來非得把鼠標移到那個小小的框框上。令人欣喜的是,點跟點一樣,都會觸發(fā)的事件,這就方便了我們編程。新認識,新收貨。

在桌面程序中,checkbox 后面是帶文字的,單擊文字就會選中或取消選中選擇框,點起來很方便,但 HTML 中 checkbox 是干的,單起來非得把鼠標移到那個小小的 checkbox 框框上。

要想實現(xiàn)桌面程序的效果,可增加一個控件 label。




如上代碼,點 label 的文字,前面的 checkbox 就會被選中,再點擊就會被取消。

令人欣喜的是,點 label 跟點 checkbox 一樣,都會觸發(fā) checkbox 的 click 事件,這就方便了我們 DOM 編程。

之前沒有認識到label for這個功能是跟checkbox默認綁定關(guān)聯(lián)的,以為還需要自己綁定點擊事件呢,其實根本不需要的。

新認識,新收貨。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/105261.html

相關(guān)文章

  • C/C++ Qt 基礎(chǔ)通用組件應(yīng)用

    摘要:該組件有兩個版本,用于顯示整數(shù)與單精度浮點數(shù),則是雙精度浮點數(shù),有兩個特殊參數(shù),參數(shù)是在前方加入特殊符號,而則是在后方加入特殊符號。QT 是一個跨平臺C++圖形界面開發(fā)庫,利用QT可以快速開發(fā)跨平臺窗體應(yīng)用程序,在QT中我們可以通過拖拽的方式將不同組件放到指定的位置,實現(xiàn)圖形化開發(fā)極大的方便了開發(fā)效率。目前,QT開發(fā)中常用的基礎(chǔ)組件有以下幾種:PushButton 按鈕組件LineEdit ...

    YPHP 評論0 收藏0
  • 解析vue表單驗證rules及validator驗證器的使用方法

      很多知識都是需要提早知道,才可以規(guī)避很多錯誤?! lement中Form (表單)組件提供了表單驗證的功能,只需要通過 rules 屬性傳入約定的驗證規(guī)則,并將 Form-Item 的 prop 屬性設(shè)置為需校驗的字段名即可?! ∽⒁猓簆rop對應(yīng)表單域 model 字段,使用 validate方法時,該屬性是必填的?! ”韱悟炞Crules  以官網(wǎng)給出的例子分析來看  將prop屬性設(shè)置為...

    3403771864 評論0 收藏0
  • vue封裝element-ui的table組件,靈活配置表頭實現(xiàn)表格內(nèi)編輯,按鈕,鏈接等功能。

    摘要:一封裝的組件定義表格高度全屏增加前臺分頁功能。表格內(nèi)編輯后,自動選中該行。單元格內(nèi)數(shù)據(jù)樣式單元格內(nèi)按鈕,可多個。觸發(fā)組件綁定函數(shù),參數(shù)按鈕名稱,按鈕樣式,按鈕事件標識。單元格是否可點擊的判斷函數(shù),可進行復(fù)雜的函數(shù)判斷。 vue-bxz-table 一、封裝element-ui的table組件: 定義表格高度全屏 增加前臺分頁功能。 自定義表頭,循環(huán)輸出整體表結(jié)構(gòu)。 表格內(nèi)編輯(輸入框...

    henry14 評論0 收藏0
  • 使用斷點調(diào)試代碼

    摘要:在開發(fā)中,打斷點是經(jīng)常使用的調(diào)試代碼的方法,現(xiàn)在在這里簡略的翻譯一下官方對此功能的講解,并插入一些自己的說明。監(jiān)測事件,在事件發(fā)生后暫停,斷點到事件綁定的位置。 簡單地說,斷點調(diào)試是指自己在程序的某一行設(shè)置一個斷點,調(diào)試時,程序運行到這一行就會停住,然后你可以一步一步往下調(diào)試,調(diào)試過程中可以看各個變量當(dāng)前的值,出錯的話,調(diào)試到出錯的代碼行即顯示錯誤,停下。 在web開發(fā)中,打斷點是經(jīng)常...

    B0B0 評論0 收藏0

發(fā)表評論

0條評論

Forelax

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<