欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery checkboxlist取值

劉姿婷2年前7瀏覽0評論

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中選中的值,并根據需要執行其他操作。