jQuery是一種流行的JavaScript庫,用于簡化Web開發。其中包括許多有用的函數,可用于操作DOM元素,包括復選框列表。在本文中,我們將學習如何使用jQuery CheckBoxList獲取選中值。
// HTML代碼 <ul id="myCheckboxList"> <li><input type="checkbox" value="apple" > Apple</li> <li><input type="checkbox" value="orange" > Orange</li> <li><input type="checkbox" value="banana" > Banana</li> </ul> // jQuery代碼 $(document).ready(function() { //獲取CheckBoxList元素 var checkBoxList = $("#myCheckboxList input[type='checkbox']"); //為每個復選框添加點擊事件 checkBoxList.click(function() { //獲取所有選中復選框的值 var selectedValues = checkBoxList.filter(':checked').map(function() { return this.value; }).get(); //在控制臺打印選中值 console.log(selectedValues); }); });
上面的代碼中,我們首先使用$()函數獲取id為myCheckboxList的ul元素下的所有復選框元素。接下來,我們為每個復選框添加click事件,當點擊時獲取所有選中的復選框的值,并將其打印到控制臺中。
當我們運行上面的代碼并選中幾個復選框時,我們將在瀏覽器控制臺中看到所選值的數組。這樣,我們就可以輕松地獲取CheckBoxList中選中的值,并根據需要執行其他操作。