成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

Forelax / 2264人閱讀

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

在桌面程序中,checkbox 后面是帶文字的,單擊文字就會(huì)選中或取消選中選擇框,點(diǎn)起來很方便,但 HTML 中 checkbox 是干的,單起來非得把鼠標(biāo)移到那個(gè)小小的 checkbox 框框上。

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




如上代碼,點(diǎn) label 的文字,前面的 checkbox 就會(huì)被選中,再點(diǎn)擊就會(huì)被取消。

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

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

新認(rèn)識(shí),新收貨。

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/105261.html

相關(guān)文章

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

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

    YPHP 評(píng)論0 收藏0
  • 解析vue表單驗(yàn)證rules及validator驗(yàn)證器的使用方法

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

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

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

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

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

    B0B0 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

Forelax

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<