JQuery是一種優(yōu)秀的javascript庫，它使得在項(xiàng)目中使用javascript更加方便。jQuery input多選功能也是它的一個(gè)高級特性，它可以讓用戶從多個(gè)選項(xiàng)中選擇多個(gè)值。在下面的代碼示例中我們將看到如何使用jQuery input多選功能。

<div>
<input type="checkbox" id="opt1" name="option" value="option1">
<label for="opt1">Option 1</label>
</div>
<div>
<input type="checkbox" id="opt2" name="option" value="option2">
<label for="opt2">Option 2</label>
</div>
<div>
<button id="btn-submit">Submit</button>
</div>

在上面的示例中，我們創(chuàng)建了兩個(gè)checkbox元素和一個(gè)提交按鈕。它們都包含在一個(gè)div元素中。我們?yōu)槊總€(gè)checkbox元素定義了一個(gè)唯一的ID和相同的名稱。這是因?yàn)樗鼈兌际峭粋€(gè)選項(xiàng)，并且只有一個(gè)名稱，因此瀏覽器將自動(dòng)合并這些值。

$('#btn-submit').click(function() {
var selected = [];
$('input[name="option"]:checked').each(function() {
selected.push($(this).val());
});
alert(selected.join(', ')); // 顯示用戶選擇的選項(xiàng)
});

當(dāng)用戶單擊提交按鈕時(shí)，我們將獲取選定的選項(xiàng)。我們使用jQuery選擇器來查找已選擇的復(fù)選框元素，并將其值添加到數(shù)組中。最后，我們將使用alert函數(shù)顯示用戶選擇的選項(xiàng)。這個(gè)函數(shù)會(huì)將數(shù)組元素連接在一起，并用逗號隔開。

總結(jié)一下，jQuery input多選功能使得在網(wǎng)站或應(yīng)用程序中創(chuàng)建復(fù)雜的表格或搜索界面變得更加簡單。我們可以通過選擇器來獲取用戶已選擇的選項(xiàng)，并可以將這些值發(fā)送到任何需要使用它們的地方。這是一項(xiàng)非常強(qiáng)大的功能，很容易實(shí)現(xiàn)。