Question

我有一个程序，里面有一个表单和一个表来显示数据。检查行时，我有特定操作的输入值。

<form id="list_form" name="ActionListsForm" method="post" action="index.php?Page=Lists&Action=Change" onsubmit="return ConfirmChanges();">

我的javascript：

< script language = "javascript" >
  function ConfirmDelete(ListID) {
    if (!ListID) {
      return false;
    }
    if (confirm("%%LNG_DeleteListPrompt%%")) {
      document.location = 'index.php?Page=%%PAGE%%&Action=Delete&id=' + ListID;
      return true;
    }
  }

function ConfirmDeleteAllSubscribers(ListID) {
  if (!ListID) {
    return false;
  }
  if (confirm("%%LNG_DeleteAllSubscribersPrompt%%")) {
    document.location = 'index.php?Page=%%PAGE%%&Action=DeleteAllSubscribers&id=' + ListID;
    return true;
  }
}

function ConfirmChanges() {
  formObj = document.ActionListsForm;

  if (formObj.ChangeType.selectedIndex == 0) {
    alert("%%LNG_PleaseChooseAction%%");
    formObj.ChangeType.focus();
    return false;
  }

  selectedValue = formObj.ChangeType[formObj.ChangeType.selectedIndex].value;

  lists_found = 0;
  for (var i = 0; i < formObj.length; i++) {
    fldObj = formObj.elements[i];

    if (fldObj.type == 'checkbox') {
      if (fldObj.checked) {
        lists_found++;
      }
    }
  }

  if (lists_found <= 0) {
    alert("%%LNG_ChooseList%%");
    return false;
  }

  if (selectedValue == 'MergeLists') {
    if (lists_found < 2) {
      alert("%%LNG_ChooseMultipleLists%%");
      return false;
    }
  }

  if (confirm("%%LNG_ConfirmChanges%%")) {
    return true;
  }

  return false;
}

<
/script>

我的代码有效但我想实现数据表或引导表。当我检查一行时，我的JS代码不识别所选行，以执行所选的操作（即删除）任何帮助表示赞赏！

更新：我将此调用用于数据表，但在我的ConfirmChanges函数中（参见上面的代码片段），我无法访问mytable变量。

<script>
    $(document).ready(function(){
		
        var mytable = $("#subs_table").DataTable({
            dom: 'lBfrtip',
        buttons: [
            'copyHtml5',
            'excelHtml5',
            'csvHtml5',
            'pdfHtml5'
        ],
            columnDefs: [
                {
                    targets: 0,
                    checkboxes: {
                        seletRow: true
                    }
                }
            ],
            select:{
                style: 'multi'
            },
            order: [[1, 'asc']]
        })
       
    })
    </script>

Javascript删除下拉列表不适用于bootstrap数据表

0 个答案: