HTML是一種標(biāo)記語言，可以用來構(gòu)建網(wǎng)頁。在網(wǎng)頁中，我們通常會(huì)用到復(fù)選框（checkbox）來讓用戶選擇多個(gè)選項(xiàng)。
然而，使用原始的HTML標(biāo)簽來實(shí)現(xiàn)復(fù)選框并不夠友好，因?yàn)橛脩粜枰獑螕裘總€(gè)選項(xiàng)并重復(fù)加載頁面才能進(jìn)行選擇。為了增加用戶體驗(yàn)，我們可以使用jQuery庫(kù)來實(shí)現(xiàn)更加便捷的復(fù)選框。
<html>
<head>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("input[type='checkbox']").click(function(){
if($(this).prop("checked") == true){
alert("您選擇了：" + $(this).val());
}
});
});
</script>
</head>
<body>
<form>
<input type="checkbox" name="option1" value="選項(xiàng)1">選項(xiàng)1<br>
<input type="checkbox" name="option2" value="選項(xiàng)2">選項(xiàng)2<br>
<input type="checkbox" name="option3" value="選項(xiàng)3">選項(xiàng)3
</form>
</body>
</html>上面的代碼包括一個(gè)在加載完成后運(yùn)行的jQuery函數(shù)，它會(huì)為所有復(fù)選框元素添加click事件。當(dāng)用戶選中某個(gè)復(fù)選框時(shí)，會(huì)彈出一個(gè)提示框來告知用戶選擇的選項(xiàng)。
這是一個(gè)簡(jiǎn)單的例子，您可以根據(jù)需求自定義更多的功能來優(yōu)化網(wǎng)站的交互效果。