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

jquery checkbox 選中取值

洪振霞2年前8瀏覽0評論

jquery checkbox 選中取值一般用于表單提交或者動態修改頁面元素。在前端開發中,我們經常會用到checkbox控件,在多選的情況下,我們需要獲取用戶選中的值,進行相應的處理。這時候jquery就可以幫助我們快速且方便地實現這個功能。

//選擇所有的checkbox控件
$('input[type=checkbox]').click(function() {
var selected = [];
//循環每個checkbox,判斷是否選中,如果選中,就把值存入數組中
$('input[type=checkbox]:checked').each(function() {
selected.push($(this).val());
});
//將選中值的數組轉成字符串
var selectedText = selected.join(',');
//將選中值設置為某個元素的值,方便后續的操作
$('#selectedItems').val(selectedText);
});

上面的代碼中,我們首先選擇了所有的checkbox控件,然后注冊了它們的click事件。在每次點擊時,我們循環所有被選中的checkbox,將值存入數組中,最后將數組轉成字符串,并將其設置為某個元素的值。

通過這種方式,我們就可以創建出一個checkbox控件列表,并在用戶點擊時,快速方便地獲取所選中的值,進一步進行相應的操作。