<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form>
请选择你的必修课:<br>
<input type="checkbox" name="a" id="a1"> 语文
<input type="checkbox" name="a" id="a2"> 数学
<input type="checkbox" name="a" id="a3"> 英语
<input type="checkbox" name="a" id="a4"> 政治
<input type="checkbox" name="a" id="a5"> 历史
<input type="checkbox" name="a" id="a6"> 地理
<br>
<input type="button" value="全选" onclick="d();">
<input type="button" value="全不选" onclick="b();">
<p>请输入您要选择必修课的序号,序号为1-6:</p>
<input id="result" name="result" type="text">
<input name="ok" type="button" value="确定" onclick="c();">
</form>
</body>
<script type="application/javascript">
function d(){
var a = document.getElementsByTagName("input");
for(var i = 0; i < a.length; i++){
a[i].checked = true;
}
}
function b() {
var a = document.getElementsByName("a");
for(var i = 0; i < a.length; i++){
a[i].checked = false;
}
}
function c() {
var j = document.getElementById("result").value;
if(parseInt(j) > 6 || parseInt(j) < 1){
alert("请输入1-6之间的数字");
}
var a = document.getElementsByName("a");
a[parseInt(j) - 1].checked = true;
}
</script>
</html>
示例图: