如何使用JQuery通过多组.on()输入滑块设置输出目标？

<div id="output"></div>

<input type="range" id="slider1" value="0">
<input type="range" id="slider2" value="0">
<input type="range" id="slider3" value="0">

$(document).ready(function() {
  // 监听滑块的输入事件
  $('#slider1, #slider2, #slider3').on('input', function() {
    // 获取每个滑块的值
    var value1 = $('#slider1').val();
    var value2 = $('#slider2').val();
    var value3 = $('#slider3').val();
    
    // 计算输出结果
    var result = parseInt(value1) + parseInt(value2) + parseInt(value3);
    
    // 更新输出目标的内容
    $('#output').text(result);
  });
});