用户选择擅长的游戏角色,可以多选,点击选择按钮时根据用户选中的选项,弹出框显示选择结果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./script/jquery-3.6.0.min.js"></script>
<script>
$(function(){
var $inputs = $('input');
// console.log($inputs);
var $btn = $('$btn');
var btn = $btn[0];
btn.onclick =function(){
}
})
</script>
</head>
<body>
<body>
<label for="id1">
<input type="checkbox">战士
</label>
<label for="id2">
<input type="checkbox">法师
</label>
<label for="id3">
<input type="checkbox">射手
</label>
<label for="id4">
<input type="checkbox">坦克
</label>
<label for="id5">
<input type="checkbox">魔法师
</label>
<br>
<button id="btn">选择</button>
</body>
</html>
结果类似下图: