CheckBox是一種常用的交互方式，而在實現CheckBox時，有時我們需要將一些CheckBox默認選中，那么使用jQuery來實現CheckBox默認選中可以非常簡單。
<!DOCTYPE html>
<html>
<head>
<title>CheckBox默認選中</title>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<input type="checkbox" name="check" id="check" value="1" />選項1
<input type="checkbox" name="check" id="check2" value="2" />選項2
<input type="checkbox" name="check" id="check3" value="3" />選項3
<br /><br />
<button id="submitBtn">提交</button>
<script type="text/javascript">
$(function () {
$("#check2").prop("checked", true);//默認選中選項2
$("#submitBtn").click(function () {
var selected = $("input[name='check']:checked");//獲取被選中的選項
var values = [];
selected.each(function () {
values.push($(this).val());//將選項值添加到數組中
});
alert("您選擇了：" + values.join(","));//彈出選項值
});
});
</script>
</body>
</html>在頁面中，我們定義了3個CheckBox，并給它們設定了name、id和value屬性，在腳本中使用prop()方法將第二個CheckBox默認選中，并且在提交按鈕的點擊事件中，使用each()函數遍歷選項，將選項值添加到數組中，最后彈出選項值。
使用jQuery實現CheckBox默認選中非常簡單，只需使用prop()方法即可輕松實現。同時，我們也可以通過tick()函數檢查與取消CheckBox的選中狀態。