#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