在前端開(kāi)發(fā)中，經(jīng)常需要使用復(fù)選框來(lái)實(shí)現(xiàn)批量選擇的功能。而使用jQuery庫(kù)可以極大地簡(jiǎn)化復(fù)選框選中的操作。本文將介紹如何使用jQuery讓復(fù)選框被選中。

// 單個(gè)復(fù)選框選中
$('#checkbox1').prop('checked', true);
// 多個(gè)復(fù)選框全部選中
$('.checkbox').prop('checked', true);
// 多個(gè)復(fù)選框部分選中
$('input[name="checkbox"]').prop('checked', true);

以上代碼中，使用了prop()函數(shù)來(lái)選中復(fù)選框。prop()函數(shù)是jQuery中用來(lái)獲取或設(shè)置元素屬性值的方法。其中，參數(shù)‘checked’表示選中屬性，true表示選中狀態(tài)。通過(guò)選擇器可以選中單個(gè)或多個(gè)復(fù)選框，實(shí)現(xiàn)全選或部分選中的功能。

除了prop()函數(shù)，還可以使用attr()函數(shù)來(lái)選中復(fù)選框。不過(guò)，使用prop()函數(shù)要比使用attr()函數(shù)更推薦，性能更佳。

// 單個(gè)復(fù)選框選中
$('#checkbox1').attr('checked', 'checked');
// 多個(gè)復(fù)選框全部選中
$('.checkbox').attr('checked', 'checked');
// 多個(gè)復(fù)選框部分選中
$('input[name="checkbox"]').attr('checked', 'checked');

以上代碼中，使用了attr()函數(shù)來(lái)選中復(fù)選框。其中，參數(shù)‘checked’表示選中屬性，’checked’表示選中狀態(tài)。通過(guò)選擇器可以選中單個(gè)或多個(gè)復(fù)選框，實(shí)現(xiàn)全選或部分選中的功能。

總結(jié)來(lái)說(shuō)，使用jQuery讓復(fù)選框被選中非常簡(jiǎn)單方便，只需要一行代碼就可以完成。而且，使用prop()函數(shù)效果更佳。在實(shí)際開(kāi)發(fā)中，可根據(jù)需求選擇使用。