选择选项上的jQuery动态插入表行和输入文件验证

Question

我正试图用jquery构建某种程度的收费凭证，我正花很长时间想出如何让所有这些都运行起来。

我希望当我选择选项js输入字段id 2将禁用，当我选择选项php输入字段id -1将禁用等更多的行插入不同的选择选项在不同的行。最后，需要按字段id -1和fee-2分别插入一些行。

​

​

我的Fiddle演示是

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

更新：向文本框.i.e 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