jQuery是一款非常流行的JavaScript庫，它可以大大簡化開發(fā)者的DOM操作和事件處理。其中，jQuery的多選標(biāo)簽功能是一項(xiàng)非常實(shí)用的功能，它可以允許用戶選擇多個(gè)選項(xiàng)。
下面通過一個(gè)簡單的例子來介紹如何用jQuery實(shí)現(xiàn)多選標(biāo)簽的功能：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<meta charset="UTF-8">
<title>多選標(biāo)簽</title>
</head>
<body>
<h2>請(qǐng)選擇你喜歡的動(dòng)物</h2>
<div>
<input type="checkbox" name="animal" value="dog"> 狗狗
</div>
<div>
<input type="checkbox" name="animal" value="cat"> 貓咪
</div>
<div>
<input type="checkbox" name="animal" value="fish"> 金魚
</div>
<div>
<input type="checkbox" name="animal" value="bird"> 小鳥
</div>
<button id="submitBtn">提交</button>
<script>
$("#submitBtn").click(function() {
var selectedAnimals = [];
$("input[name='animal']:checked").each(function() {
selectedAnimals.push($(this).val());
});
alert("你選擇的動(dòng)物有：" + selectedAnimals.join(", "));
});
</script>
</body>
</html>在上面的代碼中，我們首先創(chuàng)建了四個(gè)checkbox來表示四個(gè)選項(xiàng)，它們的name屬性都為"animal"，表示它們是同一組選項(xiàng)。然后，我們給按鈕添加了一個(gè)點(diǎn)擊事件，該事件會(huì)獲取所有被選中的checkbox的值并將它們保存到一個(gè)數(shù)組中，最后通過彈窗顯示出來。
這就是jQuery實(shí)現(xiàn)多選標(biāo)簽功能的簡單示例，通過這個(gè)例子，相信讀者已經(jīng)掌握了這個(gè)功能的基本用法。
上一篇居中的css代碼怎么寫
下一篇jquery 多重if