2011-03-08 4 views
2

나는 제대로 작동하는 아약스 양식 제출 가지고 있지만 체크 상자에 따라 제출해야하는 내 체크 박스에 ID를 증가시키는 있는데 사용자가 선택한 선택 항목을 제출할 때 따라야합니다. 데이터는 내 PHP 스크립트로 전달됩니다. 어떻게 체크 된 모든 체크 박스를 아약스를 통해 PHP 스크립트로 넘겨 줍니까?jquery 양식을 아약스 통해 증분 확인란을 사용하여 ID를

$(function() { 
    $(".submit").click(function() { 
     var pageReturn = $("#pageReturn").val(); 
     var sendCheck = $("#sendCheck").val(); 
     var dataString = 'pageReturn=' + pageReturn + '&sendCheck=' + sendCheck; 

     if (emailLink == '' || pageReturn == '' || sendCheck == '') { 
      $('.success').fadeOut(200).hide(); 
      $('.error').fadeOut(200).show(); 
     } else { 
      $.ajax({ 
       type: "POST", 
       url: "phpscripts/compose.php?artid=<?php echo $artid; ?>&userart=<?php echo $_GET['userart'];?>", 
       data: dataString, 
       cache: false, 
       success: function() { 
        $('.success').fadeIn(200).show(); 
        $('.error').fadeOut(200).hide(); 
       } 
      }); 
     } 
     return false; 
    }); 
}); 

내가 내 체크 박스가 var sendCheck = $("#sendCheck").val()+1;처럼 전달되는 곳으로 +1을 추가 할 수있는 모든 체크 박스를 전달하려면? 내 체크 박스

내 HTML 코드 내 PHP 스크립트에 통과해야 값을 증가와 함께이

처럼

<input name="sendCheck" id="sendCheck<?php echo $i++; ?>" class="reccomendCheck" type="checkbox" value="<?php echo $row_ArtContact['contact_id'];?>" />

확인란을 보인다.

이론상 사용자가 임의로 확인하고 정상화해야하는 무제한의 확인란이있을 수 있습니다.

+2

좋아, 그것은 작동하지 않습니다? 질문이 뭐야? –

+0

어떻게 체크 된 모든 체크 박스를 아약스를 통해 PHP 스크립트로 넘겨 줍니까? 어딘가에 +1을 추가합니까? –

답변

2

데이터를 생성하려면 serialize 함수를 사용하십시오.

이 예제를 살펴보십시오. 몇 가지 체크 박스를 클릭하면 어떤 일이 발생하는지 봅니다.

http://jsfiddle.net/VeBDk/

예 :

HTML :

<form> 
    Check 1<input type="checkbox" name="check1" id="check1" value="1"/> 
    Check 2<input type="checkbox" name="check2" id="check2" value="2"/> 
    Check 3<input type="checkbox" name="check3" id="check3" value="3"/> 
    Check 4<input type="checkbox" name="check4" id="check4" value="4"/> 
    Check 5<input type="checkbox" name="check5" id="check5" value="5"/> 
    <button>Submit</button> 
</form> 

jQuery를 :

$(document).ready(function(){ 
    var data = $('form').serialize(); 
    $.post('script.php', data, function(){ 
    //success! 
    }); 
}); 
관련 문제