post checkbox values to a php file

Question

I'm trying to write a script to post with jQuery checkboxes ids that are checked(for php deletion script).

I have something like this

   <form>
    <input type="checkbox" name="id" id="id" value='1'>
    <input type="checkbox" name="id" id="id" value='2'>
    <input type="checkbox" name="id" id="id" value='3'>
    <input type="button" name="DELETE" id="DELETE">
     </form>

So I want to post those values(ids) to a php file delete.php, how can I achieve this?

Solution 1

I assume you wanted to achieve this through using jQuery ajax call to post to php

Html

<form>
    <input type="checkbox" name="id[]" id="id" value='1'>
    <input type="checkbox" name="id[]" id="id" value='2'>
    <input type="checkbox" name="id[]" id="id" value='3'>
    <input type="button" name="DELETE" id="DELETE">
</form>

Javascript with jQuery

var selected_values = $("input[name='id[]']:checked");

Directly post to delete.php

<?php
    // $_POST['id'] will return an array.
    $selected_values = $_POST['id'];
?>

Solution 2

HTML

<form>
    <input type="checkbox" name="id" value='1'>
    <input type="checkbox" name="id" value='2'>
    <input type="checkbox" name="id" value='3'>
    <input type="button" name="DELETE" id="DELETE">
</form>

JQUERY

<script>
$(document).ready(function(){

    $("#delete").click(function(){

        var data = $('input:checkbox:checked').map(function(){
             return this.value;
        }).get();


        var dataString = "imgList="+ data;

       $.post('delete.php',dataString,function(theResponse){
       //// Check theResponse
       });               


   });      
});
</script>

PHP

$imgList = $_REQUEST['imgList'];

$i = 0;

$token = strtok($imgList, ","); 

$imgArray = array();

while ($token != false){

    $imgArray[$i] = (string)$token;

    $token = strtok(",");

    $i++;

} 

Comments

[Mithun Satheesh]

multiple dom elements in a page are not supposed to have same id attribute