：hover、.open.dropdown toggle.btn primary{color:#ffffffff；背景色：#199ddf；边框颜色：无；} .btn primary:active.btn primary.active{color:#ffffffff；背景色：#067ab4；背景图像：无；} .btn主：焦点{color:#ffffff；背景色：#199ddf；} .btn primary.btn深色bkgd{color:#ffffff；背景色：#023187；边框颜色：无；} .btn primary.btn dark bkgd:hover、.open.dropdown toggle.btn primary.btn dark bkgd{color:#ffffffff；背景色：#014b9d；边框颜色：无；} .btn primary.btn dark bkgd:active，.btn primary.btn dark bkgd.active{color:#067ab4；背景色：#6aafd2；背景图像：无；} .btn primary.btn深色bkgd:focus{color:#ffffff；背景色：#199ddf；} .btn小型{填充：8px 20px；字体大小：18px；行高：21.6px；最小宽度：60px；宽度：120px；字体系列：clearviewatt；高度：41px；填充顶部：9px；} .btn val{color:#ffffff；背景色：#067ab4；边框颜色：无；} .btn val:hover、.open.dropdown toggle.btn val{color:#ffffffff；背景色：#199ddf；边框颜色：无；} .btn val:active.btn-val.active{color:#ffffff；背景色：#067ab4；背景图像：无；} .btn val:focus{color:#ffffff；背景色：#199ddf；} .btn-val.btn-dark-bkgd{color:#ffffff；背景色：#023187；边框颜色：无；} .btn-val.btn-dark-bkgd:hover、.open.dropdown toggle.btn-val.btn-dark-bkgd{color:#ffffffff；背景色：#014b9d；边框颜色：无；} .btn-val.btn-dark-bkgd:活动，.btn-val.btn-dark-bkgd.活动{color:#067ab4；背景色：#6aafd2；背景图像：无；} .btn-val.btn-dark-bkgd:focus{color:#ffffff；背景色：#199ddf；} .固定大小的正方形{ 边框：1px纯灰； 边界半径：5px 5px 5px； 保证金：50px 0px 0px 0px； 显示：表格； 宽度：200px； 高度：600px； } .固定尺寸的方形跨度{ 边缘顶部：500px； } Javascript/jQuery $（文档）.ready（函数（）{ $（'.ConfigureCos6Header'）.hide（）； $（'.cos6Button'）。单击（函数（）{ $（'.cos6Button'）.addClass（'btn_bgColor'）； $（'.cos4Button'）.removeClass（'btn_bgColor'）； $（'.Configure6Div'）.show（）； $（'.Configure4Div'）.hide（）； $（'.ConfigureCos6Header'）.show（）； $（'.ConfigureCos4Header'）.hide（）； }); $（'.cos4Button'）。单击（函数（）{ $（'.cos4Button'）.addClass（'btn_bgColor'）； $（'.cos6Button'）.removeClass（'btn_bgColor'）； $（'.ConfigureCos4Header'）.show（）； $（'.ConfigureCos6Header'）.hide（）； $（'.Configure6Div'）.hide（）； $（'.Configure4Div'）.show（）； }); var工具提示=$.Link({ 目标：'-tooltip-' }); /*cos4滑块*/ $（“#cos4_滑块1”）.noUiSlider({ 开始：40， 连接：“降低”， 范围：{ “min”：0， “最大”：100 }, 序列化：{ 下限：[$.Link({ 目标：$（“cos4现场1”） }), 工具提示 ] }, }); $（“#cos4_滑块2”）.noUiSlider({ 起点：80， 连接：“降低”， 范围：{ “min”：0， “最大”：100 }, 序列化：{ 下限：[$.Link({ 目标：$（“#cos4#U field2”） }), 工具提示 ] }, }); $（“cos4\u滑块3”）.noUiSlider({ 开始时间：20， 连接：“降低”， 范围：{ “min”：0， “最大”：100 }, 序列化：{ 下限：[$.Link({ 目标：$（“#cos4#U field3”） }), 工具提示 ] }, }); $（“cos4\u滑块4”）.noUiSlider({ 起点：60， 连接：“降低”， 范围：{ “min”：0， “最大”：100 }, 序列化：{ 下限：[$.Link({ 目标：$（“#cos4#U field4”） }), 工具提示 ] }, }); /*cos4滑块关闭*/ /*cos6滑块*/ $（“#cos6_滑块1”）.noUiSlider({ 起点：60， 连接：“降低”， 范围：{ “min”：0， “最大”：100 }, 序列化：{ 下限：[$.Link({ 目标：$（“cos6现场1”） }), 工具提示 ] }, }); $（“#cos6_滑块2”）.noUiSlider({ 开始：17， 连接：“降低”， 范围：{ “min”：0， “最大”：100 }, 序列化：{ 下限：[$.Link({ 目标：$（“cos6现场2”） }), 工具提示 ] }, }); $（“#cos6#U滑块3”）.noUiSlider({ 开始时间：15， 连接：“降低”， 范围：{ “min”：0， “最大”：100 }, 序列化：{ 下限：[$.Link({ 目标：$（“#cos6#U字段3”） }), 工具提示 ] }, }); $（“#cos6_滑块4”）.noUiSlider({ 开始时间：20， 连接：“降低”， 范围：{ “min”：0， “最大”：100 }, 序列化：{ 下限：[$.Link({ 目标：$（“cos6现场4”） }), 工具提示 ] }, }); $（“#cos6_滑块5”）.noUiSlider({ 开始时间：20， 连接：“降低”， 范围：{ “min”：0， “最大”：100 }, 序列化：{ 下限：[$.Link({ 目标：$（“#cos6#U field5”） }), 工具提示 ] }, }); $（“#cos6_滑块6”）.noUiSlider({ 开始：28， 连接：“降低”， 范围：{ “min”：0， “最大”：100 }, 序列化：{ 下限：[$.Link({ 目标：$（“#cos6#U field6”） }), 工具提示 ] }, }); /*cos6滑块关闭*/ $（'#review_btn'）.removeClass（'btn-primary'）； $（'.cos\u validate\u按钮'）。单击（函数（）{ 警告（工具提示）； }); });

也许这就是你要找的：

$('.cos_validate_button').click(function(){
    var total6 =   parseFloat($("#cos6_slider1").val()) +
        parseFloat($("#cos6_slider2").val()) +
        parseFloat($("#cos6_slider3").val()) +
        parseFloat($("#cos6_slider4").val()) +
        parseFloat($("#cos6_slider5").val()) +
        parseFloat($("#cos6_slider6").val());
    var total4 = parseFloat($("#cos4_slider1").val()) +
        parseFloat($("#cos4_slider2").val()) +
        parseFloat($("#cos4_slider3").val()) +
        parseFloat($("#cos4_slider4").val());
    var total = total6+total4;
    alert("total 6: "+total6+"\ntotal 4: "+total4+"\ntotal: "+total);

    });

---

工作小提琴

你能把你的代码减少到最低限度吗？我试图减少代码，但它会导致其他问题。这是JSFIDLE，但它不工作，我不知道为什么。非常感谢@lpg。你让我开心。

$('.cos_validate_button').click(function(){
    var total6 =   parseFloat($("#cos6_slider1").val()) +
        parseFloat($("#cos6_slider2").val()) +
        parseFloat($("#cos6_slider3").val()) +
        parseFloat($("#cos6_slider4").val()) +
        parseFloat($("#cos6_slider5").val()) +
        parseFloat($("#cos6_slider6").val());
    var total4 = parseFloat($("#cos4_slider1").val()) +
        parseFloat($("#cos4_slider2").val()) +
        parseFloat($("#cos4_slider3").val()) +
        parseFloat($("#cos4_slider4").val());
    var total = total6+total4;
    alert("total 6: "+total6+"\ntotal 4: "+total4+"\ntotal: "+total);

    });