HTML Отправить таблицу в зависимости от флажка

У меня есть таблица, которая разбита на страницы, что позволит конечным пользователям изменять inline в самой таблице.

Я использую кнопку отправки, которая перенаправляет и сохраняет ввод с SSJS.

В моей таблице может быть 5k+ записей, и таблица будет разбита на страницы.

Я хотел бы обновлять только те записи, у которых установлен флажок.

Я использую эту ссылку для проверки https://www.w3schools.com/html/tryit.asp?filename=tryhtml_form_submit

с этим кодом:

 <!DOCTYPE html>
    <html>
    <body>
    
    <h2>HTML Forms</h2>
    
    <form action="/action_page.php">
    
    <table>
    <tr>
    <td>
    Check for save
    </td>
      <td>
      First name
      </td>
      <td>
    Last Name  
      </td>
      </tr>
    
      <tr>
      <td>
        <input type="checkbox" id="horns" name="feature" value="horns" />
      </td>
      <td>
      <input type="text" name="firstname" value="Mic1key">
      </td>
      <td>
      <input type="text" name="lastname" value="Mouse">
      </td>
    </tr>
      <tr>
      <td>
      <input type="checkbox" id="horns" name="feature" value="horns" />
      </td>
      <td>
      <input type="text" name="firstname" value="Mic1key">
      </td>
      <td>
      <input type="text" name="lastname" value="Mouse">
      </td>
    </tr>
      </table>
      <input type="submit" value="Submit">
    </form> 
    </body>
    </html>

так что это работает, потому что в SSJS мы можем проверить, какие из них имеют значение флажка, но я боюсь проблем с производительностью, как только 5k+ записи находятся в таблице.

В любом случае нужно просто отправить только записи, где установлен флажок? или есть какая-то скрытая логика?

Источник

1 ответ

Решение

Если вы хотите, чтобы форма отправлялась только при установленном флажке, вы можете добавить прослушиватель событий для события submit и запретить использование по умолчанию, если флажок снят, например:

let submitButton = document.getElementById('mySubmitBtn');
let checkbox = document.getElementById('myCheckbox');

submitButton.addEventListener('submit', function(e){
    if(!checkbox.checked){
        e.preventDefault();
    }
});

Таким образом, форма будет отправлена, только если установлен флажок.

Этот вопрос выглядит так, как будто он был рассмотрен здесь. Отправить только непустые данные

Источник
Другие вопросы по тегам