데이터가있는 행의 테이블과 맨 왼쪽의 체크 박스가 있습니다.onclick 버튼 이벤트 프로토 타입 또는 jQuery에서 체크 박스 배열 게시
<input type="checkbox" id="records[]" name="records[]" value="1" />
당신이 볼 수 있듯이, 행은 배열입니다 나타내는 "기록 []"의 이름을 가진 체크 박스를 가지고 : 여기 내 행 중 하나
(체크 박스)에 대한 HTML은 레코드 배열 내의 값 중. 내 HTML 테이블 바로 위에 푸시 버튼이 있으면 확인 된 레코드를 가져 와서 새 URL에 게시합니다. 나는 이것을 성취하는 방법을 알 수 없다. 단지 FYI, 테이블과 버튼은 형태 안에 있지 않습니다.
귀하의 HTML이 양식에 입력되어 있지만 테이블과 단추가 아닌 아래에 게시 된 것과 같은 것으로 가정합니다.
이 상황을 처리하는 한 가지 방법은 onclick 이벤트 핸들러를 버튼 요소에 바인딩 한 다음 폼에서 숨겨진 제출 버튼의 click 메소드를 호출하는 것입니다. 이렇게하면 효과적으로 버튼을 함께 묶을 수 있습니다. JQuery와의
$('#yourButton').click(function() {
$('[name="yourForm"]').submit();
}
하나뿐 아니라 페이지에 여러 가지 다른 작업이 있기 때문에 양식을 사용하지 않았습니다. 이 예제에서는 내보내기 페이지에 게시 할 데이터가 필요합니다. 따라서 양식을 제출할 수는 없습니다. 어쩌면 내가 onclick 이벤트를 추가하고 자바 스크립트 내에서 양식 작업을 변경할 수 있습니까? – jkushner
페이지에 둘 이상의 양식이있을 수 있다는 것을 알고 계십니까? 각 양식에 고유 한 작업 URL이있는 고유 한 이름을 지정하면 jQuery DOM 메소드를 통해 해당 제출 핸들러에 액세스 할 수 있습니다. 이 질문에 대한 답변이 없으면 질문을 수정하고 세부 정보를 추가하십시오. 당신이 원하는 것을 이해하려고 시도하는 주석을 쏟아 부은다면 실제로 당신의 질문에 어떤 코드를 보는 것보다 덜 도움이 될 것입니다. 행운을 빕니다! – jmort253
jQuery('#tableId input[type="checkbox"]')
조금 :
<form action="/yourURL" name="yourForm" method="post">
<input type="checkbox" id="records[]" name="records[]" value="1" />
<input type="submit" style="display:none" id="submitBtn" />
</form>
<table>
<button id="yourButton" value="click me" />
</table>
$('#yourButton').click(function() {
$('#submitBtn').click();
}
또 다른 방법은 폼 객체 자체의 제출 방법을 호출하는 것입니다. 그러면 표의 모든 Chekbox 항목이 선택됩니다. .val() 메서드로 검사 할 수 있습니다.
FiddleJS에 예제를 게시 할 수 있습니까? –
두 질문 중 어느 것도 답을 찾지 못하면 질문을 수정하고 코드와 세부 정보를 추가해야한다는 확실한 신호입니다. 다른 대답을 살펴본 후, 나는 당신이 정확히 성취하고자하는 것을 이해하는지 여부를 묻기 시작했습니다. – jmort253
다른 단어를 쓰는 방법을 모르겠다. 확인란을 선택하고 자바 스크립트를 통해 새 페이지에 값을 게시하려고합니다. – jkushner