jQuery是一個廣泛使用的JavaScript庫，可以在編寫Web應用程序時簡化HTML文檔的操作。在此示例中，我們將介紹如何使用jQuery將一組復選框轉換為單選框。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("input[type='checkbox']").click(function() {
if($(this).is(':checked')) {
$("input[type='checkbox']").not(this).removeAttr('checked');
}
});
});
</script>
</head>
<body>
<input type="checkbox" name="fruit" value="apple">蘋果<br>
<input type="checkbox" name="fruit" value="banana">香蕉<br>
<input type="checkbox" name="fruit" value="orange">橙子<br>
</body>
</html>上面的代碼首先使用jQuery庫，然后將代碼封裝在$(document).ready()中，以確保頁面在完全加載后再執行代碼。
當用戶單擊復選框時，所選的復選框將設置為選中狀態，而其他所有復選框都將取消選中狀態。這是通過使用“$(this)”選中當前單擊的復選框，然后使用“not(this)”選擇所有其他復選框來完成的，最后使用removeAttr('checked')將復選框的“checked”屬性設置為false。