03 多項選擇

2021-10-02 16:23:57 字數 1543 閱讀 4331

1.新建03.html,輸入**

<

!doctype html>

'utf-8'

>

多項選擇<

/title>

<

/style>

<

/head>

<

/script>

<

/body>

<

/html>

2.在body中script標籤前面輸入divspan標籤,div中4個label標籤

"a">

<

/label>

"b">

<

/label>

"c">

<

/label>

"d">

<

/label>

<

/div>

你選的是:<

/span>

<

/span>3.給label標籤新增樣式,label

是非選中樣式,.on是選中的樣式

label

.on

<

/style>4.script中新增指令碼

var question = document.
getelementsbytagname

('div')[

0]question.

onclick

=function

(e)else

if(e.target.innerhtml ==

'✔')

}5.新增顯示選中的abcd選項功能,由於是多選,選與不選,顯示的選項都會發生變化,通過自定義函式my_selects()解決。

if
(e.target.innerhtml !=

'✔')

else

if(e.target.innerhtml ==

'✔')

6.在question.onclick = function (e)**塊後面,自定義my_selects()函式

function
my_selects()

} answer.innerhtml = selects.

touppercase()

//字串轉成大寫

}最終效果

-------------------------完--------------------------

03選擇結構

掌握基本ifif 條件 掌握if elseif 條件 else 掌握多重if 互斥 if 條件1 else if 條件2 else 注意事項 自上而下執行條件判斷,只要有乙個條件滿足 剩下的條件不再執行 可以結合n個else if,但是else if不能單獨使用 可以結合else使用 多重if如果是...

演算法 03 選擇排序

選擇排序 selection sort 和插入排序類似,插入排序將無序放在有序中去排列,而選擇排序則是在無序中選擇有序,去擴大有序。顧名思義,就是在無序區中,每次選擇最大 最小 放在排列好的最大 最小 中。同樣可以用巢狀for 來解決。for i 0 i i for j i 1 j j for i ...

03 高階選擇器

級選擇器分為 後代選擇器 子代選擇器 並集選擇器 交集選擇器 後代選擇器 使用空格表示後代選擇器。顧名思義,父元素的後代 包括兒子,孫子,重孫子 container p container item p style head body div id box class wrap div id box...