jquery 多选
jQuery 多选实现方法
使用 prop() 方法实现多选
通过 prop() 方法可以批量设置多个复选框的选中状态。以下是一个示例代码：
$('input[type="checkbox"]').prop('checked', true); // 全选
$('input[type="checkbox"]').prop('checked', false); // 取消全选通过事件委托实现动态多选
结合事件委托可以动态控制多选操作。以下代码实现点击按钮全选或取消全选：
$('#selectAll').click(function() {
$('input[type="checkbox"]').prop('checked', $(this).prop('checked'));
});获取选中的复选框值
使用 :checked 选择器可以获取所有被选中的复选框，并通过 map() 方法提取值：
var selectedValues = $('input[type="checkbox"]:checked').map(function() {
return $(this).val();
}).get();多选下拉列表（Select2 插件）
对于下拉列表的多选需求，可以使用 Select2 插件增强原生 <select> 元素：
$('select').select2({
multiple: true,
placeholder: "请选择..."
});表格行多选
在表格中实现行多选功能可以通过以下方式：
$('table').on('click', 'tr', function() {
$(this).toggleClass('selected');
});注意事项
- 确保为复选框设置相同的
name属性以便表单提交 - 对于大量元素的多选操作，建议使用事件委托提高性能
- 移动端需要考虑触摸事件的兼容性处理
