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控件列表,并在用戶點擊時,快速方便地獲取所選中的值,進一步進行相應的操作。
下一篇南方css讀取數據格式