javascript - jQuery动态插入表行和输入字段验证选择选项

Question

我正在尝试使用 jquery 构建一些费用凭证，并且我有一段时间想弄清楚如何让这一切正常工作。

我希望当我选择选项 js 输入字段 id fee-2 时将禁用，当我选择选项 php 输入字段 id fee-1 时将禁用，依此类推，插入更多行以与不同行上的选择选项不同。最后需要由字段 id fee-1 和 fee-2 分别插入的所有行中的一些

我的小提琴演示是

http://fiddle.jshell.net/softfiddle/cSbbK/2/

谢谢

Answer 1

$("#mytable").on("change", "select", function () {
     var getSelectValue = $(this).val();
     if (getSelectValue == 1) {
         $(this).parents('td').next().find('#fee-2').prop('disabled', true);
         $(this).parents('td').next().next().find('#fee-1').prop('disabled', false);
     } else {
         $(this).parents('td').next().find('#fee-2').prop('disabled', false);
         $(this).parents('td').next().next().find('#fee-1').prop('disabled', true);
     }
 });

JSFIDDLE

更新： 在文本框 .ie 中添加了两个类，fee_course_1,fee_course_2因此我们可以循环它并获取总和值

$("#calsum").click(function () {
     var sum_fee_1 = 0;
     var sum_fee_2 = 0;
     $('.fee_course_1').each(function () {
         sum_fee_1 += Number($(this).val());
     });
     $('.fee_course_2').each(function () {
         sum_fee_2 += Number($(this).val());
     });
     alert("Fee_1 = " + sum_fee_1 + "  and  Fee_2 = " + sum_fee_2);

 });

JS 小提琴演示 2