生活随笔
收集整理的這篇文章主要介紹了
2020-3-19
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
題目一：
js split() 分割字符串生成數(shù)組
let str
="I am a student";
let arr
=str
.split(" ");
for(let i
=0;i
<arr
.length
;i
++){console
.log(arr
[i
]);
}
分析：這里利用字符串的空格來分割字符串生成數(shù)組。split()方法的參數(shù)設置為" “，以” "作為分隔符，最終生成一個數(shù)組。
題目二：
JavaScript 獲取選中checkbox復選框的值
復選框可以一次選中多個或者一個，實際應用中可能需要獲取選中復選框的值。
<!DOCTYPE html
>
<html
>
<head
>
<meta charset
=" utf-8">
<script type
="text/javascript">
window
.onload=()=>{let odiv
=document
.getElementById("show");let obt
=document
.getElementById("bt");let checks
=document
.querySelectorAll("#box > input[type=checkbox]");obt
.onclick=()=>{let valStr
="";for(let i
=0;i
<checks
.length
;i
++){if(checks
[i
].checked
==true){valStr
=valStr
+checks
[i
].value
;}}odiv
.innerHTML
=valStr
;}
}
</script
>
</head
>
<body
><div id
="show"></div
><div id
="box"><input type
="checkbox" id
="ck" checked value
="1"/><input type
="checkbox" id
="ck" value
="2"/><input type
="checkbox" id
="ck" checked value
="3"/><input type
="button" value
="查看效果" id
="bt"/></div
>
</body
>
</html
>
運行結(jié)果：
點擊“查看效果”
相關(guān)知識：
標簽 type 屬性值設置為 “checkbox” 即可創(chuàng)建一個復選框。
單選按鈕同一時刻只能有一個按鈕處于選中狀態(tài)，復選框則可以選中任意多項。
特別說明：通常情況下，利用 name 屬性將表單數(shù)據(jù)提交到后臺。
復選框還有其他屬性，下面分別做一下介紹：
（1）.value：規(guī)定復選框的value屬性值，它會被發(fā)送到服務器。
（2）.checked：規(guī)定復選框處于選中狀態(tài)。
（2）.required（HTML5）：規(guī)定指定的復選框必須被選中。
（3）.form（HTML5）：規(guī)定復選框所屬的一個或多個表單。
（4）.autofocus（HTML5）：規(guī)定在頁面加載時，指定復選框自動地獲得焦點。
（5）.disabled：規(guī)定復選框不可用。
querySelectorAll() 方法返回文檔中匹配指定 CSS 選擇器的所有元素
總結(jié)
以上是生活随笔為你收集整理的2020-3-19的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。
