在前端開發中,經常需要使用到復選框(checkbox)來讓用戶進行多項選擇操作。而使用jQuery來獲取復選框的值,則可以很方便地實現多項選擇操作的結果獲取。
jQuery中獲取checkbox的值需要用到一些方法,我們可以使用attr()方法來獲取復選框的屬性值(如:value, checked)來判斷當前是否被選中。而選中的復選框會被設置為checked屬性為true,而未選中的則為false。
// 獲取所有被選中的checkbox的值 var values = []; $('input[name="check"]:checked').each(function(){ values.push($(this).val()); }); console.log(values.join(',')); // 輸出所有選中的值,以逗號相隔 // 設置checkbox的值 $('input[name="check"]').prop('checked', true/false); // true為選中,false為取消選中
使用以上方法,便可以很簡單地實現對復選框的操作與結果獲取了。值得注意的是,因為復選框可以多選,所以我們需要使用each()方法來遍歷所有被選中的復選框,并使用數組將其所選值保存下來。