2020-3-19

题目一：
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：规定复选框不可用。