Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 根据选择选项计算输入值_Jquery_Html - Fatal编程技术网

Jquery 根据选择选项计算输入值

Jquery 根据选择选项计算输入值,jquery,html,Jquery,Html,是否有人知道一个链接,将帮助我学习如何做以下。我已经在谷歌上搜索了帮助,但找不到具体的答案 我有以下设置 <div class="information"> <input class="name" type="text" placeholder="Name"> <input class="income" id="input_1_income" type="text" placeholder="After Tax Income"> <select clas

是否有人知道一个链接,将帮助我学习如何做以下。我已经在谷歌上搜索了帮助,但找不到具体的答案

我有以下设置

<div class="information">
<input class="name" type="text" placeholder="Name">
<input class="income" id="input_1_income" type="text" placeholder="After Tax Income">
<select class="option">
    <option>Week 1</option>
    <option>Week 2</option>
</select>
</div>
我的页面上有6个。带有占位符税后收入的输入都具有不同的ID;数字从1变为6

我试图做的是根据一周的选择选项,将输入到输入中的数字相加,无论是第1周还是第2周,然后答案将显示在以下输入之一中

<div id="div2">

    <div class="time">
    <input class="finance" type="text"> <br>
    <label>Week 1</label>
    </div>

    <div class="time">
    <input class="finance" type="text"> <br>
    <label>Week 2</label>
    </div>

    <div class="time">
    <input class="finance" type="text"> <br>
    <label>Fortnightly</label>
    </div>

    <div class="time">
    <input class="finance" type="text"> <br>
    <label>Yearly</label>
    </div>

</div>
因此,基本上所有第一周的值都将相加并显示在第一周的输入中,所有第二周的值相加并显示在输入中。然后我需要一起计算第1周和第2周,并将其显示在每两周的输入中,然后将每两周的输入乘以26,并将答案显示在每年的输入中

我一直在寻找一些jQuery来帮助解决这个问题,但没有结果。我对jQuery非常陌生,因此,一般来说,正确的链接或阅读材料的指导将是一件好事


谢谢。

以下是一个让您开始学习的示例:

$'select'.change函数{ 更新版本2; }; 函数updateDiv2{ wSel=0,ati=0,wk1=0,wk2=0; $'select'。每个函数{ ati=$this.prev.val;//.收入 ati=ati>0?ati:0;//如果为空,则将值设为零 如果此.value.split'[1]==1{ wk1=parseIntwk1+parseIntati; }否则{ wk2=parseIntwk2+parseIntati; } $'ttl_wk1'.valwk1; $'ttl_wk2'。valwk2; }; } .time{溢出:隐藏;} .time输入{float:left;} .time标签{浮点:左;宽度:80px;文本对齐:右;} 第一周 第2周 第一周 第2周 第一周 第2周 第一周 第2周 半月刊 每年的