양식에서 제출 한 데이터를 구조화 / 제어하는 방법은 무엇입니까?

남자 이름

다음과 같은 양식이 있다고 가정 해 보겠습니다.

<form>
    <table>
        <thead>
        <th>
            Submit?
        </th>
        <th>
            Data
        </th>
        </thead>
        <tbody>
            <tr>
                <td>
                    <input type="checkbox" name="c1">
                </td>
                <td>
                    <input name="t1">
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="c2">
                </td>
                <td>
                    <input name="t2">
                </td>
            </tr>
        </tbody>
    </table>
</form>

내가 그 양식을 제출하면. 확인란 (선택한 경우) 및 일반 입력이 포함 된 배열이 제출됩니다.

이제 다음 중 하나를 원합니다.

  • 각 행을 배열의 행으로 제출
  • 확인란이 선택된 경우에만 행의 내용을 제출하십시오.

그것을 달성하는 방법이 있습니까?

편집하다:

지금은 다음과 같은 데이터를 제출하고 있습니다.

$.post(url, { attributes: $(form).serializeArray() })

가능하다면 HTML-Markup으로하고 싶습니다. 이것이 내 의견으로는 올바른 방법이기 때문입니다.

실제로 JS / PHP Array juggling을하고 싶지 않습니다. 좋은 방법이 없다면. 지금은 아주 추악한 foreach 스태킹 만 생각할 수 있습니다.

남자 이름

좋아, 내가 어떻게 해결했는지 :

양식을 그대로 둡니다.

JS Magic을 좀하세요. 양식을 제출하는 대신 다음을 수행합니다.

var submitData = {};

$("input:checked.attributCheckbox").each(function() {
    var id = $(this).attr('name');
    // This is how I get the input for the checkbox.
    var val = $("input[type=number][name="+ id +"]").val();

    submitData[id] = val;
});

$.post(url, {attributes : submitData});

글쎄요, 제가 바라던 완벽한 해결책은 아닙니다. 그러나 그것은 아주 잘 작동합니다. 누군가가 더 나은 해결 방법을 생각 해낼 수 있을까요?

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

jquery에서 제출 한 PHP 양식 GET 데이터를 다른 자바 스크립트 코드 및 URL로 에코하는 방법은 무엇입니까?

분류에서Dev

Android 전화에서 민감한 데이터를 삭제하는 방법은 무엇입니까?

분류에서Dev

"rm"에서 제거한 데이터를 복구하는 방법은 무엇입니까?

분류에서Dev

jquery로 양식을 제출하고 JSON에서 데이터를 검색하는 방법은 무엇입니까?

분류에서Dev

비동기 데이터로드 후 HTML 양식을 제출하는 적절한 방법은 무엇입니까?

분류에서Dev

비동기 데이터로드 후 HTML 양식을 제출하는 적절한 방법은 무엇입니까?

분류에서Dev

양식에 일부 정보를 제출 한 후 SetState를 사용하여 데이터를 얻는 방법은 무엇입니까?

분류에서Dev

Burp Suite 또는 유사한 도구에서 양식 제출이 가로 챌 때 게시 된 양식 데이터를 숨기는 방법이 있습니까?

분류에서Dev

axios가 양식 데이터를 게시 할 수 있도록 제출 리스너에서 양식 데이터를 전달하는 방법은 무엇입니까?

분류에서Dev

Firebase에서 데이터를 구조화하는 방법은 무엇입니까?

분류에서Dev

Firebase에서 데이터를 구조화하는 방법은 무엇입니까?

분류에서Dev

데이터를 복제하는 대신 객체에 대한 참조를 사용하여 JSON으로 직렬화하는 방법은 무엇입니까?

분류에서Dev

제출시 한 양식에서 다른 양식으로 값을 전달하는 방법은 무엇입니까?

분류에서Dev

양식을 제출할 때 URL에서 양식 이름을 제거하는 방법은 무엇입니까?

분류에서Dev

양식에 데이터를 제출하기 전에 요청을 변경하는 방법은 무엇입니까?

분류에서Dev

데이터 프레임의 한 열에서 구두점을 제거하는 방법은 무엇입니까?

분류에서Dev

자동차 제조업체를위한 양식 작성시 자바 스크립트를 사용하여 parse.com의 데이터베이스에서 제안 (자동 완성)을 얻는 방법은 무엇입니까?

분류에서Dev

Spark 작업 제출에 대한 Hadoop IPC 재시도 횟수를 제어하는 방법은 무엇입니까?

분류에서Dev

양식 구성 요소를 사용하여 외부 URL에 제출하는 방법은 무엇입니까?

분류에서Dev

SQL Server에서 다양한 조건에 대한 데이터를 얻는 방법은 무엇입니까?

분류에서Dev

React / Bootstrap 4에서 중복 양식 제출을 방지하기 위해 버튼을 비활성화하는 적절한 방법은 무엇입니까?

분류에서Dev

Close ()를 호출 한 후 양식이 실제로 닫혔는지 확인하는 방법은 무엇입니까?

분류에서Dev

기본 색인 양식에서 모든 옵션 삭제를 구현하는 적절한 방법은 무엇입니까?

분류에서Dev

Firestore의 onSnapshot 리스너에서 반환하는 데이터를 제한하는 방법은 무엇입니까?

분류에서Dev

양식을 제출 한 후 드롭 다운 메뉴에서 선택한 값을 필터링하는 방법은 무엇입니까?

분류에서Dev

API에서 수신되는 데이터를 제한하는 방법은 무엇입니까?

분류에서Dev

Redis에서 복잡한 데이터 구조를 저장하는 방법은 무엇입니까?

분류에서Dev

해당 열에 대한 요약 데이터를 기반으로 R에서 열 삭제를 자동화하는 방법은 무엇입니까?

분류에서Dev

이 트리 데이터 구조를 한 번에 하나씩 생성하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    jquery에서 제출 한 PHP 양식 GET 데이터를 다른 자바 스크립트 코드 및 URL로 에코하는 방법은 무엇입니까?

  2. 2

    Android 전화에서 민감한 데이터를 삭제하는 방법은 무엇입니까?

  3. 3

    "rm"에서 제거한 데이터를 복구하는 방법은 무엇입니까?

  4. 4

    jquery로 양식을 제출하고 JSON에서 데이터를 검색하는 방법은 무엇입니까?

  5. 5

    비동기 데이터로드 후 HTML 양식을 제출하는 적절한 방법은 무엇입니까?

  6. 6

    비동기 데이터로드 후 HTML 양식을 제출하는 적절한 방법은 무엇입니까?

  7. 7

    양식에 일부 정보를 제출 한 후 SetState를 사용하여 데이터를 얻는 방법은 무엇입니까?

  8. 8

    Burp Suite 또는 유사한 도구에서 양식 제출이 가로 챌 때 게시 된 양식 데이터를 숨기는 방법이 있습니까?

  9. 9

    axios가 양식 데이터를 게시 할 수 있도록 제출 리스너에서 양식 데이터를 전달하는 방법은 무엇입니까?

  10. 10

    Firebase에서 데이터를 구조화하는 방법은 무엇입니까?

  11. 11

    Firebase에서 데이터를 구조화하는 방법은 무엇입니까?

  12. 12

    데이터를 복제하는 대신 객체에 대한 참조를 사용하여 JSON으로 직렬화하는 방법은 무엇입니까?

  13. 13

    제출시 한 양식에서 다른 양식으로 값을 전달하는 방법은 무엇입니까?

  14. 14

    양식을 제출할 때 URL에서 양식 이름을 제거하는 방법은 무엇입니까?

  15. 15

    양식에 데이터를 제출하기 전에 요청을 변경하는 방법은 무엇입니까?

  16. 16

    데이터 프레임의 한 열에서 구두점을 제거하는 방법은 무엇입니까?

  17. 17

    자동차 제조업체를위한 양식 작성시 자바 스크립트를 사용하여 parse.com의 데이터베이스에서 제안 (자동 완성)을 얻는 방법은 무엇입니까?

  18. 18

    Spark 작업 제출에 대한 Hadoop IPC 재시도 횟수를 제어하는 방법은 무엇입니까?

  19. 19

    양식 구성 요소를 사용하여 외부 URL에 제출하는 방법은 무엇입니까?

  20. 20

    SQL Server에서 다양한 조건에 대한 데이터를 얻는 방법은 무엇입니까?

  21. 21

    React / Bootstrap 4에서 중복 양식 제출을 방지하기 위해 버튼을 비활성화하는 적절한 방법은 무엇입니까?

  22. 22

    Close ()를 호출 한 후 양식이 실제로 닫혔는지 확인하는 방법은 무엇입니까?

  23. 23

    기본 색인 양식에서 모든 옵션 삭제를 구현하는 적절한 방법은 무엇입니까?

  24. 24

    Firestore의 onSnapshot 리스너에서 반환하는 데이터를 제한하는 방법은 무엇입니까?

  25. 25

    양식을 제출 한 후 드롭 다운 메뉴에서 선택한 값을 필터링하는 방법은 무엇입니까?

  26. 26

    API에서 수신되는 데이터를 제한하는 방법은 무엇입니까?

  27. 27

    Redis에서 복잡한 데이터 구조를 저장하는 방법은 무엇입니까?

  28. 28

    해당 열에 대한 요약 데이터를 기반으로 R에서 열 삭제를 자동화하는 방법은 무엇입니까?

  29. 29

    이 트리 데이터 구조를 한 번에 하나씩 생성하는 방법은 무엇입니까?

뜨겁다태그

보관