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