在使用 jQuery 輸出多選框的值時,我們需要用到 .val() 方法來獲取多選框選中的值。首先,我們需要給多選框設置一個類名或 ID,以便于獲取到該元素:
<input type="checkbox" class="checkbox" value="apple"> 蘋果 <input type="checkbox" class="checkbox" value="banana"> 香蕉 <input type="checkbox" class="checkbox" value="orange"> 橙子
上面的代碼中,我們給每個多選框設置了相同的類名 "checkbox",這樣就可以方便地獲取它們的選中值。
接下來,我們使用 .val() 方法來獲取選中的值,并將其存儲到一個數組中:
var selectedValues = []; $(".checkbox:checked").each(function() { selectedValues.push($(this).val()); }); console.log(selectedValues);
上述代碼中,我們使用了 .each() 方法來遍歷選中的多選框,然后使用 .val() 方法來獲取每個多選框的值,并將其存儲到數組 selectedValues 中。最后,我們通過 console.log() 方法輸出該數組。
通過以上的代碼,我們可以輕松地獲取選中的多選框的值,并進行后續的操作。
上一篇css心跳動畫特效
下一篇css徑向漸變代碼 at