2

入力フィールドと選択オプションを使用して、jQuery で生成された動的テーブル行に助けが必要です。

オプションjs入力フィールドIDを選択するとfee-2が無効になり、オプションphp入力フィールドIDを選択するとfee-1が無効になり、さまざまな行の選択オプションとは異なる行が挿入されます。最後に、フィールド ID 料金-1 によって挿入されたすべての行の一部が必要です

例は画像にあります

ここに画像の説明を入力

私のフィドルのデモはこちら

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

ありがとう

4

1 に答える 1

1

HTML を次のように変更します。

<td><input type="text" id="fee-1" class="fee" name="js-fee"></td>
<td><input type="text" id="fee-2" class="fee" name="php-fee"></td>

次に、この Javascript を使用します。

$("#mytable").on("change", "select", function() {
    var feeid = "#fee-" + $(this).val(); // Get ID of DIV related to selected item
    $(".fee").prop('disabled', true); // Disable all the other DIVs
    $(feeid).prop('disabled', false); // Enable the related DIV
    // Now calculate the total
    var total = 0;
    $(".fee").each(function() {
        total += parseInt($(this).text(), 10);
    });
    // And display it somewhere
    $("#totaldiv").text(total);
});
于 2013-09-29T21:04:19.857 に答える