I want to get id of multiple checkboxes - php

Question

I want id of selected items from checkbox and insert to database. I can insert other items to database but id of selected checkbox is not inserting.
<div class="row" >
<div class="col-xs-3">
<form action="itemad.php" method="post">
<div class="multiselect">
<input type="text" name="datepicker" id="datepicker" placeholder="Date" </p>
<b>Select Menu:</b>
<div class="checkbox" onclick="showCheckboxes()">
<select>
<option>Select an option</option>
</select>
<div class="overSelect"></div>
</div>
<div id="checkboxes">
<?php
include 'connection.php';
$query="select item from item";
$result=mysql_query("$query");
while($row=mysql_fetch_array($result)):;
echo $row['item'];
for($i=0; $i<=count('item'); $i++ )
?>
<input type="checkbox" name="check_list[]" value="" ></input><br>
<?php endwhile;?>
</div>
<input type="text" name="price" Placeholder="Pricee" minlength="1" ><br><br>
<input type="submit" name="submit">
</div>
</div>
<script type="text/javascript">
var expanded = false;
function showCheckboxes() {
var checkboxes = document.getElementById("checkboxes");
if (!expanded)
{
checkboxes.style.display = "block";
expanded = true;
}
else
{
checkboxes.style.display = "none";
expanded = false;
}
}
</script>
</form>
</div>
</div>
itemad.php:
if(isset($_POST['submit']))
{
if(!empty($_POST['check_list']))
{
// Counting number of checked checkboxes.
$checked_count = count($_POST['check_list']);
echo "You have selected following ".$checked_count." option(s): <br/>";
// Loop to store and display values of individual checked checkbox.
foreach($_POST['check_list'] as $id)
{
echo "<p>".$id ."</p>";
} }
else
{ echo "<b>Please Select Atleast One Option.</b>"; }
$price=$_POST['price'];
$date=$_POST['datepicker'];
$query= "insert into menu(item,price,date) values('$id','$price','$date')";
$result=mysql_query($query);
echo "suucesful";
}
i want to store id of each item in database. but in database i am not getting id for selected items.

Answer 1

You missed one thing:
<input type="checkbox" name="check_list[]" value="" />
The check_list array should not have an empty value. You should have to put a value into it.
<?php
$query="select item_id, item from item";
$result=mysql_query("$query");
while($row=mysql_fetch_array($result)):;
?>
<input type="checkbox" name="check_list[]" value="<?php echo $row['item_id']; ?>" /><br>
<?php endwhile;?>

Answer 2

<div class="row" >
<div class="col-xs-3">
<form action="itemad.php" method="post">
<div class="multiselect">
<input type="text" name="datepicker" id="datepicker" placeholder="Date" />
<b>Select Menu:</b>
<div class="checkbox" onclick="showCheckboxes()">
<select>
<option>Select an option</option>
</select>
<div class="overSelect"></div>
</div>
<div id="checkboxes">
<?php
include 'connection.php';
$query="select item_id, item from item";
$result=mysql_query("$query");
while($row=mysql_fetch_array($result)):;
echo $row['item'];
?>
<input type="checkbox" name="check_list[]" value="<?php echo $row['item_id']; ?>" /><br>
<?php endwhile;?>
</div>
<input type="text" name="price" Placeholder="Price" minlength="1" ><br><br>
<input type="submit" name="submit">
</div>
<script type="text/javascript">
var expanded = false;
function showCheckboxes() {
if (!expanded)
{
$('#checkboxes input:checkbox').each(function () {
this.style.display = "block";
});
expanded = true;
}
else
{
$('#checkboxes input:checkbox').each(function () {
this.style.display = "none";
});
expanded = false;
}
}
</script>
</form>
</div>
</div>
itemad.php:
if(isset($_POST['submit']))
{
if(!empty($_POST['check_list']))
{
// Counting number of checked checkboxes.
$checked_count = count($_POST['check_list']);
echo "You have selected following ".$checked_count." option(s): <br/>";
// Loop to store and display values of individual checked checkbox.
foreach($_POST['check_list'] as $id)
{
echo "<p>".$id ."</p>";
$price=$_POST['price'];
$date=$_POST['datepicker'];
$query= "insert into menu(item,price,date) values('$id','$price','$date')";
$result=mysql_query($query);
echo "suucesful";
}
}
else
{
echo "<b>Please Select Atleast One Option.</b>";
}
}