Question

嘿伙计们，我有一个javascript函数来计算复选框的rel值并显示答案，我现在有一个带有3个值的<select>语句。每个值都有不同的财政价值，即40,50＆amp; 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，用我的初始javascript函数的和值添加select语句的rel值。

对不起我不认为我的问题很明确。我已经有一系列复选框，上面的代码将选中复选框和显示的rel值。我现在还有一个select语句，每个语句有三个选项，每个选项都有一个relf值。我现在想编写一些代码来添加复选框的rel值和select语句的rel值。

Answer 1

您可以使用选项元素的'value'属性来包含数字而不是'rel'。 Jquery（它看起来像你正在使用）可以使用.val（）函数获取该属性，或者您可以使用vanilla Javascript来执行此操作。一旦你获得了价值，你就可以随心所欲地做到。

您可以将原始函数的结果存储在第二个函数可以访问的全局变量中 - 这是执行此操作的一种方法。

Answer 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

添加两个javascript函数

2 个答案: