Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.02.2018, 16:01
Аспирант
Отправить личное сообщение для artem55555p Посмотреть профиль Найти все сообщения от artem55555p
 
Регистрация: 16.04.2016
Сообщений: 74

Сложить данные с нескольких uislider
Здравствуйте. Хочу сделать такое: https://c2n.me/3S1L5FM
Использую это http://demos.krajee.com/slider#settings
Вот сам код:
<div class="col-md-6 col-sm-6 col-xs-12">
                                    <p class="sl_p">Количество юнитов</p>
                                    <?= Slider::widget([
                                       'name'=>'rating_1',
                                       'value'=>8,
                                       'sliderColor'=>Slider::TYPE_PRIMARY,
                                       'pluginOptions'=>[
                                           'min'=>1,
                                           'max'=>15,
                                           'step'=>1,
                                           'tooltip'=>'always',
                                       ]
                                    ]);?>
                                    <p class="sl_p">Количество розеток</p>
                                    <?= Slider::widget([
                                        'name'=>'rating_2',
                                        'value'=>6,
                                        'sliderColor'=>Slider::TYPE_PRIMARY,
                                        'pluginOptions'=>[
                                            'min'=>1,
                                            'max'=>10,
                                            'step'=>1,
                                            'tooltip'=>'always',
                                        ]
                                    ]);?>

                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <p class="sl_p">Потребляемая мощность</p>
                                    <?= Slider::widget([
                                        'name'=>'rating_3',
                                        'value'=>6,
                                        'sliderColor'=>Slider::TYPE_PRIMARY,
                                        'pluginOptions'=>[
                                            'min'=>0.1,
                                            'max'=>10,
                                            'step'=>0.1,
                                            'tooltip'=>'always',
                                        ]
                                    ]);?>
                                    <div class="col-md-12 pp col-sm-12 col-xs-12">
                                    <span class="ch2"><input type="checkbox" id="chh" /> Интернет (100 Мбит/сек)</span>
                                    </div>
                                    <div class="hdd">
                                        <p class="sl_p">IP- адреса</p>
                                        <?= Slider::widget([
                                            'name'=>'rating_4',
                                            'value'=>5,
                                            //'disabled'=>true,
                                            'sliderColor'=>Slider::TYPE_PRIMARY,
                                            'pluginOptions'=>[
                                                'min'=>5,
                                                'max'=>256,
                                                'step'=>1,
                                                'tooltip'=>'always',
                                            ]
                                        ]);?>
                                </div>


Вот сам тег итоговой суммы:
<p class="und_res2">~<span class="count">120 000</span><span class="span">*</span>₽</p>


Подскажите, как мне соединить 4 этих слайдера, чтобы выводилось общее число? Сижу с самого утра, не могу никак понять. За раннее спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 19.02.2018, 18:20
Аспирант
Отправить личное сообщение для artem55555p Посмотреть профиль Найти все сообщения от artem55555p
 
Регистрация: 16.04.2016
Сообщений: 74

var shet = parseInt($(".count").html());

	$("input[name='rating_1']").change(function(){
		var unit = $("input[name='rating_1']").val();
		var vals = parseInt(unit)+shet;
		$(".count").html(vals);
	});

	var shet2 = parseInt($(".count").html());

	$("input[name='rating_2']").change(function(){
		var rozetok = $("input[name='rating_2']").val();
		var vals2 = parseInt(rozetok)+shet2;
		$(".count").html(vals2);
	});


так я получаю данные с одного input... но как мне соединить их все?
Ответить с цитированием
  #3 (permalink)  
Старый 19.02.2018, 18:54
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

artem55555p,
Сообщение от artem55555p
чтобы выводилось общее число?
Что такое соединить? Что за общее число?
Вы хотите просуммировать
Количество юнитов + Количество розеток + Потребляемая мощность + IP адреса?

Последний раз редактировалось Dilettante_Pro, 19.02.2018 в 18:57.
Ответить с цитированием
  #4 (permalink)  
Старый 19.02.2018, 21:07
Аспирант
Отправить личное сообщение для artem55555p Посмотреть профиль Найти все сообщения от artem55555p
 
Регистрация: 16.04.2016
Сообщений: 74

$("input[name^='rating_']").change(function(){
    var count = 0;
    $(this).parents(".container").find("input[name^='rating_']").each(function () {
        count += parseInt($(this).val());
    });
    $(".count").html(count);
});


вот, сделал
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Перебрать и сложить данные из select T3mkaa Элементы интерфейса 3 03.09.2017 15:00
Как передать данные из одинаковых форм php скрипту через AJAX? griga999 AJAX и COMET 22 10.10.2016 06:09
как с помощью javascript взять данные из одного файла html и закинуть в другой? rusik Общие вопросы Javascript 10 08.08.2016 12:11
Как связать данные с нескольких форм FAG Элементы интерфейса 0 24.10.2012 15:56
Не совсем обычный фрейм и выезжающий текст при наводе на картинку. amaz245 Элементы интерфейса 35 25.12.2010 17:29