동일한 확인란을 여러 번 선택하여 여러 세트를 만들려면 어떻게해야합니까?

Question

AJAX를 사용하여 PHP 페이지에 게시하는 확인란 집합을 원하지만 게시 후에 동일한 확인란을 사용하여 동일한 PHP 페이지에 다른 선택 항목 집합을 지정할 수있게하려고합니다. 세트의 수를 계산 한 다음, 세트를 PHP 페이지의 데이터로 사용하십시오.

어떻게 구현 될지 알 수 없습니다. 어떤 아이디어?

의 index.php :

<form id="checkboxes"> 
    <input type="checkbox" id="1" name="checkboxes[]" value="1" /> 
    <input type="checkbox" id="2" name="checkboxes[]" value="2" /> 
    <input type="checkbox" id="3" name="checkboxes[]" value="3" /> 
    <input type="checkbox" id="1" name="checkboxes[]" value="4" /> 
    <input type="checkbox" id="1" name="checkboxes[]" value="5" /> 
    <input type="button" id="button" name="submit" value="Submit" /> 
</form> 
<script type="text/javascript"> 
    $(function() { 
    $("#button").click(function() { 
    $.ajax({ 
     type: "POST", 
     url: "process.php", 
     data: $("form#checkboxes").serialize(), 
     success: function(data) { 
     $("#div").load('success.php') 
     } 
    }); 
    }) 
    }) 
</script> 

process.php :

$data = array(); 
foreach($_POST['checkboxes'] as $key => $value){ 
    $data[] = "$value"; 
} 

Answer 1

시간이 지남에 따라 데이터가 우세하도록하려면 세션을 사용해야합니다. 그래서 우리는 당신을 도울 수있는 당신이 시도 무엇의 일부 코드 샘플을 추가

<form id="checkboxes"> 
    <input type="checkbox" id="1" name="checkboxes[]" value="1" /> 
    <input type="checkbox" id="2" name="checkboxes[]" value="2" /> 
    <input type="checkbox" id="3" name="checkboxes[]" value="3" /> 
    <input type="checkbox" id="1" name="checkboxes[]" value="4" /> 
    <input type="checkbox" id="1" name="checkboxes[]" value="5" /> 
    <input type="button" id="button" name="submit" value="Submit" /> 
</form> 
<script type="text/javascript"> 
    $(function() { 
     $("#button").click(function() { 
      $.ajax({ 
       type: "POST", 
       url: "process.php", 
       data: $("form#checkboxes").serialize(), 
       success: function(data) { 
        $("#div").load('success.php'); 
        $("form#checkboxes > input[type='checkbox']").removeAttr('checked'); 
       } 
      }); 
     }); 
    }); 
</script> 

Answer 2

당신은 아약스 호출의 성공 기능을 사용할 수 있습니다. 우리는 각 체크 박스의 값을 얻은 다음 아약스를 통해 양식을 제출하고 기본값을 방지 한 다음 양식 제출 후 모든 상자를 선택 취소합니다.

$('something').submit(function(e){ 
    e.preventDefault(); 
    var checked = []; 
    $.each($('input[type=checkbox]'), function(i,v){ 
    if($(this).is(':checked')){ 
     checked.push($(this).val()); 
    } 
    }); 
    $.ajax({ 
    url: 'someurl.ext', 
    type: 'post', 
    data: checked, 
    success: function(data){ 
     $.each($('input[type=checkbox]'), function(i,v){ 
     $(this).prop('checked', false'); 
     }); 
    } 

    }); 
});