jQuery动态插入表行并在select选项上输入fileds验证

时间:2013-09-30 07:23:22

标签: javascript jquery

我正在尝试使用jquery建立一些收费凭证,我正好想弄清楚如何让它全部工作。

我想当我选择选项js时输入字段id费用-2将禁用,当我选择选项php输入字段时,id-1将禁用等等,插入的行不同于不同行上的select选项。最后需要分别按字段id fee-1和fee-2插入的所有行中的一些

image example

我的小提琴演示

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

感谢

1 个答案:

答案 0 :(得分:0)

$("#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 FIDDLE DEMO 2