Добавление двух функций javascript

#javascript #html

#javascript #HTML

Вопрос:

Эй, ребята, у меня есть функция javascript, которая подсчитывает относительное значение флажков и отображает ответ, теперь у меня есть <select> оператор с 3 значениями. Каждое значение имеет различное финансовое значение, то есть 40,50 и 60. Я не могу определить оператор Java, который добавит финансовое значение моего выбора оператора select (tong twister) и добавит его к моей существующей функции Java ниже.

   $(document).ready(function() {
        function recalculate() {
            var sum = 0;

            $("input[type=checkbox]:checked").each(function() {
                 sum  = parseInt($(this).attr("rel"));
            });

            $("#output").html(sum);
        }

        $("input[type=checkbox]").change(function() {
            recalculate();
        });

    });




   <td width="236" height="25" align="left">Booking Duration: </td>
    <td width="548" height="23"><select name="duration" id="duration1">
    <option value="One Day" id="one" rel="40">One Day</option>
    <option value="Two Day" id="two" rel="50">Two Day</option>
    <option value="Weekend" id="weekend" rel="60">Weekend</option>
    </select>
  

Вывод моей первоначальной функции отображается здесь <span id="output"></span>

Как мне приступить к написанию второго java, который добавляет значение rel моего оператора select к значению sum моей первоначальной функции javascript.

Извините, я не думаю, что ясно сформулировал свой вопрос. У меня уже есть ряд флажков, которые приведенный выше код суммирует относительные значения установленных флажков и отображает. Теперь у меня также есть оператор select с тремя параметрами, каждый из которых имеет значение relf. Теперь я хочу написать некоторый код, который добавляет значения rel флажков И оператора select.

Комментарии:

1. Вам нужно более четко сформулировать свой вопрос. Что вы пробовали, каков результат и каков ваш желаемый результат.

2. я думал, что выразился ясно, извини, приятель. Я просто понятия не имею, как приступить к написанию функции Java, которая добавляет относительные значения параметров выбора и значение суммы функции javascript выше

3. Первое замечание: НИКОГДА НЕ ИСПОЛЬЗУЙТЕ parseInt БЕЗ БАЗОВОГО АРГУМЕНТА .

4. Можете ли вы опубликовать весь свой HTML-код с флажками? Это весь ваш код?

Ответ №1:

Вы могли бы использовать свойство ‘value’ элементов option, чтобы содержать число, а не ‘rel’. Jquery (который, похоже, вы используете) может извлечь это свойство с помощью функции .val(), или вы можете использовать для этого ванильный Javascript. После того, как вы извлекли значение, вы можете делать с ним все, что вам нравится.

Вы могли бы сохранить результат работы исходной функции в глобальной переменной, к которой может получить доступ вторая функция — это один из способов сделать это.

Ответ №2:

Я думаю, что ваша проблема заключается в вашем HTML, вы говорите о «флажках», и вы считаете это в своем javascript, НО ваш HTML отображает SELECT ..

Как насчет этого для вашего HTML

 <td width="236" height="25" align="left">Booking Duration: </td>
<td width="548" height="23">
<input type="checkbox" name="duration" id ="one" value="One" /> One
<input type="checkbox" name="duration" id ="two" value="Two" /> Two
<input type="checkbox" name="duration" id ="weekend" value="Weekend" /> Weekend