現在のタグのすべての値を複数のタグと入力から取得する

Question

私はpaginatethisのmyタグを使用してすべてのフィールドをページングするページを持っています。今私の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を使用することができます。あなたはDOMのクリックを処理するためにクリックイベントを変更する必要があります

注意が変化し、その代わりに$('.select').clickの私はここで$('#qwe').on('click', '.submit',

を使用した例である：

$('#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>