我正在尝试使用jquery建立一些收费凭证,我正好想弄清楚如何让它全部工作。
我想当我选择选项js时输入字段id费用-2将禁用,当我选择选项php输入字段时,id-1将禁用等等,插入的行不同于不同行上的select选项。最后需要分别按字段id fee-1和fee-2插入的所有行中的一些
我的小提琴演示
http://fiddle.jshell.net/softfiddle/cSbbK/2/
感谢
答案 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 强>