題目一:
js split() 分割字符串生成數組
let str="I am a student";
let arr=str.split(" ");
for(let i=0;i<arr.length;i++){console.log(arr[i]);
}
分析:這里利用字符串的空格來分割字符串生成數組。split()方法的參數設置為" “,以” "作為分隔符,最終生成一個數組。
題目二:
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>
//
運行結果:
點擊“查看效果”
相關知識:
標簽 type 屬性值設置為 “checkbox” 即可創建一個復選框。
單選按鈕同一時刻只能有一個按鈕處于選中狀態,復選框則可以選中任意多項。
特別說明:通常情況下,利用 name 屬性將表單數據提交到后臺。
復選框還有其他屬性,下面分別做一下介紹:
(1).value:規定復選框的value屬性值,它會被發送到服務器。
(2).checked:規定復選框處于選中狀態。
(2).required(HTML5):規定指定的復選框必須被選中。
(3).form(HTML5):規定復選框所屬的一個或多個表單。
(4).autofocus(HTML5):規定在頁面加載時,指定復選框自動地獲得焦點。
(5).disabled:規定復選框不可用。
querySelectorAll() 方法返回文檔中匹配指定 CSS 選擇器的所有元素