Remove table row using Jquery from checkbox values

Question

I have created an array from an HTML form containing the checkbox values.

I was wondering if it is possible to pass the selected checkbox values to jquery to use the Jquery code $('tr#myTableRow').remove(); for each array value that was posted by the form?

Any help is appreciated.

Code:

<form name="deletePost" id="deletePost" action="" method="post"> 
    <input class="checkBox" type="checkbox" id="idArray" name="idArray[]" value="1" />
    <input class="checkBox" type="checkbox" id="idArray" name="idArray[]" value="2" />
    <input class="formButtonDelete" type="submit" name="submit" value="Delete" />
</form>

$ids = $_POST['idArray'];
if(!empty($ids))
{
    foreach($ids as $id)
   {
      $sql = "DELETE FROM news WHERE id='$id'";
     mysql_query($sql);
   }
echo 'Posts Deleted - Please refesh page..';
}

I would like to use Jquery to remove the table rows that have the ids of the input values..

Can you please post your code?

Hazem Salama
– Hazem Salama

2012-09-15 02:35:49 +00:00
Commented Sep 15, 2012 at 2:35 — Hazem Salama
– Hazem Salama, Commented Sep 15, 2012 at 2:35

Hazem Salama · Accepted Answer · 2012-09-15 02:52:31Z

1

Try this

$('input[name=submit]').click(function(){
    $('#deletePost input:checkbox').each(function(){
        if(this.checked){
            $(this).remove();
        }
    });
    return false;
});

I added return false; so you can see the input removed before submission, you may remove it to let the form submit

See this http://jsfiddle.net/F5Nth/

answered Sep 15, 2012 at 2:52

Hazem Salama

15.2k5 gold badges29 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Chris Over a year ago

This just deletes the checkbox it self, I need it to delete the whole table row with the checkbox value id, lke so: <tr id="1"></tr> - $('#1').remove(); - like a for each loop in jquery to delete each row selected

Chris Over a year ago

I have modified this code and it works however I now have a new problem, check out stackoverflow.com/questions/12434861/…

Collectives™ on Stack Overflow

Remove table row using Jquery from checkbox values

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related