JS基礎(chǔ)入門篇（四）—this的使用，模擬單選框，選項(xiàng)卡和復(fù)選框

tanglijun 發(fā)布于2019-08-22 17:14 / 537人閱讀

摘要：建立索引，記錄每一個(gè)節(jié)點(diǎn)值。選項(xiàng)卡模擬選項(xiàng)卡方法一大清洗，在設(shè)置顏色之前把所有的顏色值設(shè)為空。宋體選項(xiàng)卡一選項(xiàng)卡二選項(xiàng)卡三內(nèi)容一內(nèi)容二內(nèi)容三方法二點(diǎn)擊什么，清除什么。

1.this的使用

this
    js中的關(guān)鍵字
        js內(nèi)部已經(jīng)定義好了,可以不聲明 直接使用
this的指向問題
    1. 在函數(shù)外部使用
        this指向的是window
    2. 在函數(shù)內(nèi)部使用
        有名函數(shù)
            直接調(diào)用函數(shù) this指的還是window
            通過事件調(diào)用，事件是誰觸發(fā)的 this指的就是誰
        匿名函數(shù)
            通過事件調(diào)用，事件是誰觸發(fā)的 this指的就是誰

box

2.模擬單選框

模擬單選框效果圖
方法一：大清洗，在設(shè)置顏色之前把所有的顏色值設(shè)為空。然后再設(shè)置點(diǎn)擊框的顏色。

方法二：點(diǎn)擊什么，清除什么。記錄當(dāng)前點(diǎn)擊的。

3.選項(xiàng)卡

模擬選項(xiàng)卡

方法一：大清洗，在設(shè)置顏色之前把所有的顏色值設(shè)為空。然后再設(shè)置點(diǎn)擊框的顏色。




    
    Title
    





內(nèi)容一
內(nèi)容二
內(nèi)容三

方法二：點(diǎn)擊什么，清除什么。記錄當(dāng)前點(diǎn)擊的。




    
    Title
    





內(nèi)容一
內(nèi)容二
內(nèi)容三

4.模擬復(fù)選框

模擬復(fù)選框查看效果以及代碼！！！！




    
    Title

云服務(wù)器 GPU云服務(wù)器 js單選框只讀 html的圓點(diǎn)單選框單選框 html打勾單選框

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

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

相關(guān)文章

JS基礎(chǔ)入門篇（四）—this的使用，模擬單選框，選項(xiàng)卡和復(fù)選框

摘要：建立索引，記錄每一個(gè)節(jié)點(diǎn)值。選項(xiàng)卡模擬選項(xiàng)卡方法一大清洗，在設(shè)置顏色之前把所有的顏色值設(shè)為空。宋體選項(xiàng)卡一選項(xiàng)卡二選項(xiàng)卡三內(nèi)容一內(nèi)容二內(nèi)容三方法二點(diǎn)擊什么，清除什么。 1.this的使用 this js中的關(guān)鍵字 js內(nèi)部已經(jīng)定義好了,可以不聲明直接使用 this的指向問題 1. 在函數(shù)外部使用 this指向的是window 2...

hot_pot_Leo 2019-08-29 15:23 評(píng)論0 收藏0
JS基礎(chǔ)入門篇（四）—this的使用，模擬單選框，選項(xiàng)卡和復(fù)選框

摘要：建立索引，記錄每一個(gè)節(jié)點(diǎn)值。選項(xiàng)卡模擬選項(xiàng)卡方法一大清洗，在設(shè)置顏色之前把所有的顏色值設(shè)為空。宋體選項(xiàng)卡一選項(xiàng)卡二選項(xiàng)卡三內(nèi)容一內(nèi)容二內(nèi)容三方法二點(diǎn)擊什么，清除什么。 1.this的使用 this js中的關(guān)鍵字 js內(nèi)部已經(jīng)定義好了,可以不聲明直接使用 this的指向問題 1. 在函數(shù)外部使用 this指向的是window 2...

CoderDock 2019-08-02 10:26 評(píng)論0 收藏0
翻譯 | 玩轉(zhuǎn) React 表單 —— 受控組件詳解

摘要：受控輸入框只會(huì)顯示通過傳入的數(shù)據(jù)。例如，數(shù)組中的元素將會(huì)渲染三個(gè)單選框或復(fù)選框。屬性接收一個(gè)布爾值，用來表示組件是否應(yīng)該被渲染成選中狀態(tài)。原文地址：React.js Forms: Controlled Components 原文作者：Loren Stewart 譯者：小 B0Y 校對(duì)者：珂珂君本文涵蓋以下受控組件：文本輸入框數(shù)字輸入框單選框復(fù)選框文本域下拉...

big_cat 2019-08-22 11:05 評(píng)論0 收藏0
Vue的表單輸入綁定

摘要：表單輸入綁定上一篇的事件處理方法下一篇的組件基礎(chǔ)用法文本多行文本復(fù)選框單個(gè)復(fù)選框多個(gè)復(fù)選框，添加到數(shù)組里今天明天昨天單選按鈕選擇列表單選列表請(qǐng)選擇如果表達(dá)初始的值不匹配任何的選項(xiàng)，元素就會(huì)以未選中的狀態(tài)渲染。表單輸入綁定上一篇：Vue的事件處理方法：https://segmentfault.com/a/11...下一篇：Vue的組件：https://segmentfault.com...

Snailclimb 2019-08-21 12:05 評(píng)論0 收藏0
文檔和元素的幾何滾動(dòng)

摘要：文檔和元素的幾何滾動(dòng)當(dāng)瀏覽器在窗口中渲染文檔時(shí)，它將會(huì)創(chuàng)建文檔一個(gè)視覺表現(xiàn)層，在哪里每個(gè)元素都有自己的位置和尺寸。通常應(yīng)用程序?qū)⑽臋n看做元素的樹。的問題是觸發(fā)該事件的文檔元素的一個(gè)引用。文檔和元素的幾何滾動(dòng) 當(dāng)瀏覽器在窗口中渲染文檔時(shí)，它將會(huì)創(chuàng)建文檔一個(gè)視覺表現(xiàn)層，在哪里每個(gè)元素都有自己的位置和尺寸。通常web應(yīng)用程序?qū)⑽臋n看做元素的樹。文檔坐標(biāo)和窗口坐標(biāo) 元素位置以像素來進(jìn)行度量...

wanghui 2019-08-23 10:49 評(píng)論0 收藏0