여러 태그 및 입력에서 현재 태그의 모든 값 가져 오기

Question

페이지에 내 태그가 모든 필드의 페이지 매김에 사용됩니다. 이제 내 PHP 스크립트 2에서 100 paginatethis 클래스 = abc 태그를 생성 할 수 있습니다, 어떻게 현재 필드의 값을 얻을 수 있습니까? 나는 따라서이

$('#qwe').easyPaginate({ 
    paginateElement: 'paginatethis.abc', 
    elementsPerPage: 1, 
    effect: 'climb' 
}); 

이 내 jQuery를처럼

내 매김 코드가 보이는 paginatethis 태그를 사용하여 메신저 매김 easyPagination위한 플러그인을 사용하고 있습니다. 버튼 클릭시 현재 페이지 태그의 모든 요소를 ​​선택해야합니다.

$(document).ready(function() { 
    $(".submit:current").click(function(){ 
     var quesid = $("#quesId").val(); 
     var oans = $("#oans").val(); 
     var cdate = $("#testDate").val(); 
     var studans = $("#answer:checked").val(); 

     $.ajax({ 
      url: "<?php echo base_url('Front/submitAns');?>", 
      data: { 
       quesid: quesid, 
       oans: oans, 
       cdate: cdate, 
       studans: studans 
      }, 
      method: "POST", 
      dataType: "text", 
      success: function(data) { 
       $("#counts").html(data); 
      }  
     }); 
    }); 
}); 

<paginatethis class="abc"> 
    <input type="radio" value="A" class="form-group" id="answer" name="answer"> 
    <input type="radio" value="B" class="form-group" id="answer" name="answer"> 
    <input type="radio" value="C" class="form-group" id="answer" name="answer"> 
    <input type="radio" value="D" class="form-group" id="answer" name="answer"> 
    <input type="hidden" name="testDate" value="<?php echo date("Y-m-d");?>" > 
    <input type="hidden" name="oans" id="oans" value="<?php echo base64_encode($data->ans);?>" > 
    <input type="hidden" name="quesId" id="quesId" value="<?php echo $data->id;?>" > 
    <button type="button" name="submit" class="submit">SUBMIT</button> 
</paginatethis> <!--/value changed from above tag--> 
<paginatethis class="abc"> 
    <input type="radio" value="A" class="form-group" id="answer" name="answer"> 
    <input type="radio" value="B" class="form-group" id="answer" name="answer"> 
    <input type="radio" value="C" class="form-group" id="answer" name="answer"> 
    <input type="radio" value="D" class="form-group" id="answer" name="answer"> 
    <input type="hidden" name="testDate" value="<?php echo date("Y-m-d");?>" > //value changes in every tag 
    <input type="hidden" name="oans" id="oans" value="<?php echo base64_encode($data->ans);?>" > 
    <input type="hidden" name="quesId" id="quesId" value="<?php echo $data->id;?>" >  
    <button type="button" name="submit" class="submit">SUBMIT</button> 
</paginatethis> 

Answer 1

당신은 당신의 현재 페이지 내에서 모든 입력 값을 얻을 수있는 기능 serialize을 사용할 수 있습니다. 수

$('#qwe').easyPaginate({ 
 
    paginateElement: 'paginatethis.abc', 
 
    elementsPerPage: 1, 
 
    effect: 'climb' 
 
}); 
 

 
$('#qwe').on('click', '.submit', function() { 
 
    all_data_in_page = $('#qwe input').serialize(); 
 
    console.log(all_data_in_page); 
 
    $.ajax({ 
 
    url: "your url", 
 
    data: all_data_in_page, 
 
    method: "POST", 
 
    dataType: "text", 
 
    success: function(data) { 
 
     $("#counts").html(data); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://st3ph.github.io/jquery.easyPaginate/js/jquery.easyPaginate.js"></script> 
 
<div id="qwe"> 
 
    <paginatethis class="abc"> 
 
    Content of page 1 
 
    <input type="radio" value="A" class="form-group" id="answer" name="answer"> 
 
    <input type="radio" value="B" class="form-group" id="answer" name="answer"> 
 
    <input type="radio" value="C" class="form-group" id="answer" name="answer"> 
 
    <input type="radio" value="D" class="form-group" id="answer" name="answer"> 
 
    <input type="hidden" name="testDate" value="1" > 
 
    <input type="hidden" name="oans" id="oans" value="2" > 
 
    <input type="hidden" name="quesId" id="quesId" value="3" > 
 
    <button type="button" name="submit" class="submit">SUBMIT</button> 
 
    </paginatethis> 
 
    <paginatethis class="abc"> 
 
    Content of page 2 
 
    <input type="radio" value="A" class="form-group" id="answer" name="answer"> 
 
    <input type="radio" value="B" class="form-group" id="answer" name="answer"> 
 
    <input type="radio" value="C" class="form-group" id="answer" name="answer"> 
 
    <input type="radio" value="D" class="form-group" id="answer" name="answer"> 
 
    <input type="hidden" name="testDate" value="4" > 
 
    <input type="hidden" name="oans" id="oans" value="5" > 
 
    <input type="hidden" name="quesId" id="quesId" value="6" >  
 
    <button type="button" name="submit" class="submit">SUBMIT</button> 
 
    </paginatethis> 
 
</div>