jQuery 는 모든 체크 상자 에서 선 택 된 값 을 선택 하고 Ajax 비동기 로 데 이 터 를 제출 하 는 인 스 턴 스 를 선택 합 니 다.
내 가 한 프로젝트 의 일부 부분 이 비교적 복잡 하기 때문에,여기 서 나 는 단지 작은 예 를 들 어 이해 할 수 있 으 면 된다.
먼저,나 는 간단 한 여러 개의 체크 상자 의 화면 을 만 들 었 다.그림 과 같다.
이것 은 비교적 간단 한 여러 개의 체크 상자 제출 인터페이스 입 니 다.코드 는 다음 과 같 습 니 다:
<body>
<div>
<input type="checkbox" name="check" value="1"/> 1
<input type="checkbox" name="check" value="2"/> 2
<input type="checkbox" name="check" value="3"/> 3
<br/>
<input type="checkbox" name="check" value="4"/> 4
<input type="checkbox" name="check" value="5"/> 5
<input type="checkbox" name="check" value="6"/> 6
<br/>
<input type="checkbox" name="check" value="7"/> 7
<input type="checkbox" name="check" value="8"/> 8
<input type="checkbox" name="check" value="9"/> 9
<input type="button" id="dosubmit" value=" ">
</div>
</body>
<script>
$('#dosubmit').click(function(){
var checkID = {};//
$("input[name='check']:checked").each(function(i){//
checkID[i] =$(this).val();
});
// Ajax
$.post('Ajax.php',{checkID:checkID},function(json){
},'json')
})
</script>자,준비 작업 이 다 되 었 습 니 다.테스트 를 시작 하 겠 습 니 다.
나 는 먼저 몇 개의 틀 을 선택 했다.
"제출"단 추 를 누 르 면 F12 디 버 깅 을 엽 니 다.결 과 는 그림 과 같 습 니 다.
OK,현재 jQuery 와 Ajax 를 결합 하여 복선 상자 에 데 이 터 를 제출 하 는 것 이 실현 되 었 습 니 다.여 기 는 jQuery 가 Ajax 와 결합 하 는 용법 을 간단하게 시범 할 뿐 인터페이스 와 코드 는 간단하게 하 는 것 이 좋 습 니 다.
이상 의 jQuery 는 모든 체크 상자 에서 선 택 된 값 을 선택 하고 Ajax 비동기 로 데 이 터 를 제출 하 는 인 스 턴 스 는 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 는 모든 체크 상자 에서 선 택 된 값 을 선택 하고 Ajax 비동기 로 데 이 터 를 제출 하 는 인 스 턴 스 를 선택 합 니 다.어제 친구 와 백 스테이지 관리 시스템 프로젝트 를 할 때 체크 상자 의 대량 작업 과 관련 되 었 습 니 다.submit 폼 으로 제출 하 는 것 이 편리 하지만 jQuery 와 Ajax 비동기 로 데 이 터 를 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
