1.新建03.html
,輸入**
<
!doctype html>
'utf-8'
>
多項選擇<
/title>
<
/style>
<
/head>
<
/script>
<
/body>
<
/html>
2.在body
中script標籤前面輸入div
、span
標籤,div中4個label
標籤
label"a">
是非選中樣式,<
/label>
"b">
<
/label>
"c">
<
/label>
"d">
<
/label>
<
/div>
你選的是:<
/span>
<
/span>3.給label標籤新增樣式,label
.on
是選中的樣式
.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...