Javascript JQuery动态滑块MaxValue

我有以下代码：

jQuery(document).ready(function($){

let radioo= $("#radioForm").on("change", function()
{
    radioValue = $("input[name=radioName]:checked", "#radioForm").val();
    console.log(radioValue);
});

var sliders = $("#sliders .slider");

sliders.each(function() {
    
    var value = parseInt($(this).text(), 10),
    availableTotal = 10;

    $(this).empty().slider({
        value: 0,
        min: 0,
        max: 5,
        range: "max",
        step: 1,
        animate: 100,
        slide: function(event, ui) {

            // Aktuelles total
            var total = 0;
            var totalSlider = ui.value;
            
            sliders.not(this).each(function() {
                total += $(this).slider("option", "value");
                console.log(ui.value);
            });    

            var max = availableTotal - total;            
            
            $(this).addClass("wert");
            if (max - ui.value >= 0) {
                total += ui.value;
                $(this).siblings().text(ui.value);
            } else {
                return false;
            }
        }
    });
} );

我想根据单击的单选按钮设置这些滑块的最大总值。（例如，用户单击第一个单选按钮，最多有10个点，每个滑块的恒定最大值为5个点，因此他可以将两个滑块设置为最大值。）