JQuery是一種廣泛使用的JavaScript庫,它在Web開發中廣泛使用。在jQuery中,輸出多選框的值非常容易,只需要使用一些簡單的代碼即可實現。在本文中,我們將介紹如何使用jQuery輸出多選框的值。
// 首先,我們需要創建一個多選框 <input type="checkbox" name="fruit" value="apple">蘋果 <input type="checkbox" name="fruit" value="banana">香蕉 <input type="checkbox" name="fruit" value="orange">橙子 // 創建一個按鈕,用于輸出多選框的值 <button id="btn">獲取多選框的值</button> // 使用jQuery監聽按鈕的點擊事件,獲取多選框的值 $(document).ready(function(){ $("#btn").click(function(){ var selectedFruit = []; $("input[name='fruit']:checked").each(function(){ selectedFruit.push($(this).val()); }); alert("你選擇了:" + selectedFruit.join(", ")); }); });
上面的代碼中,我們使用了jQuery的each()方法來遍歷選中的多選框,并將它們的值添加到一個新的數組中。最后,使用join()方法將多選框的值拼接成一個字符串,并通過alert()方法輸出到瀏覽器中。
總結來說,使用jQuery輸出多選框的值非常簡單。只需要遍歷選中的多選框并將它們的值添加到一個數組中,最后將數組轉換成字符串并輸出即可。