1

我正在开发一个可以注册大学课程的应用程序。他们添加选择他们的注册类型，课程类型，批次和他们的主题。当他们选择课程类型以及批次时，我将主题放在桌面上。所以他们可以选择科目，他们添加后会将其放入所选科目表中。我的代码将在他们第一次工作时继续工作。但突然他们改变了他们是注册类型，课程类型和批次它会列出主题。但是当他们选择一个主题时，它会将两个表 trs 添加到所选主题表中。这是为什么 ？

查询

$("#subjectsTable").on('change', '.selectedSubjects', function (event) {
event.stopPropagation();
    var selectedReg = $('#CouserFinder option:selected').val();
    var selectedCouse = $('#CourseSet option:selected').val();
    var selectedBatch = $('#alreadyBatchSorting option:selected').val();

    if(selectedBatch != "Select Your Batch"){
    var shouldChecked = $("#CT_No_Of_SubjectsCount").val();

  var bol = $(".selectedSubjects:checkbox:checked").length >= shouldChecked;     
  $(".selectedSubjects:checkbox").not(":checked").attr("disabled",bol);

    if ($(this).is(":checked")) {
        var indexChecked = $(this).closest("tr").attr("data-index");
        alert(indexChecked);
        var selectedSCode = $(this).closest("tr").find(".selectedSCode").text();
        $("#selectesSubjectsRecodes tr:last").after("<tr data-index=" + indexChecked + "><td>" + selectedReg + "</td><td>" + selectedCouse + "</td><td>" + selectedSCode + "</td><td>" + selectedBatch + "</td></tr>");


    } else {
        var indexAdded = $(this).closest("tr").attr("data-index");
        var findRow = $("#selectesSubjectsRecodes tr[data-index='" + indexAdded + "']");
        findRow.remove();

    }
}
else{
alert("Warning!: Select Your Batch");
$(this).prop('checked', false)
}
});

HTML

<tr class="success" data-index="10">
<td>
<input class="selectedSubjects" type="checkbox" name="selectedSubjects">
</td>
<td class="selectedSCode">BCS-DIP-UID</td>
<td class="selectedSName">UID</td>
</tr>

选定的主题代码（从 DOM 中获取）

<tr data-index="10">
<td>BCS-DIP-S3</td>
<td>BCS-DIP</td>
<td>BCS-DIP-UID</td>
<td>BCS-DIP-APR/2014-002</td>
</tr>
<tr data-index="10">
<td>BCS-DIP-S3</td>
<td>BCS-DIP</td>
<td>BCS-DIP-UID</td>
<td>BCS-DIP-APR/2014-002</td>
</tr>

截屏

在此处输入图像描述

如您所见，它将添加两个 trs。为什么会这样？

4

1 回答 1

1

$("#subjectsTable .selectedSubjects")每次调用该函数时，您都会绑定一个新的事件处理程序。问题将源于您的 javascript 位于一个被多次调用的函数中。

于 2013-09-07T06:10:07.260 回答