POST with checkbox

Question

The following code is made of JQuery 1.3. How can i get it to work with the latest version: 1.9.1 I also need it to remove the checked checkbox when the delete link is clicked. I think I should use the remove() function for that.

The checkboxes is like this:

<input type="checkbox" name="prog" value="C">

$(document).ready(function()
    {
        $("#submit_prog").click(
                function()
                {
                    var query_string = '';

                    $("input[@type='checkbox'][@name='prog']").each(
                        function()
                        {
                            if(this.checked)
                            {
                                query_string += "&prog[]=" + this.value;
                            }
                        });

                    $.ajax(
                        {
                            type: "POST",
                            url: "post_prog.php",
                            data: "id=1" + query_string,
                            success: 
                                function(t) 
                                {
                                    $("div#content").empty().append(t);
                                },
                            error:
                                function()
                                {
                                    $("div#content").append("An error occured during processing");
                                }
                         });    
                });
    });

EDIT: Can I do this to remove the checkbox on delete:

function(event)
{
   if(this.checked)
    {
    query_string += "&prog[]=" + this.value;
    $(this).remove();
        }
}

The checkboxes is like this: <input type="checkbox" name="prog" value="C"> — Stefan Frederiksen
– Stefan Frederiksen, Commented Apr 24, 2013 at 17:27

Sushanth -- · Accepted Answer · 2013-04-24 17:29:00Z

2

I think this line is supposed to read

$("input[@type='checkbox'][@name='prog']")

as

$("input[type='checkbox'][name='prog']")

Also a good idea to change the signature of the event handler

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

to

 $("#submit_prog").on('click', function () {

answered Apr 24, 2013 at 17:29

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

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

1 Comment

Stefan Frederiksen Over a year ago

Okay, what about the remove function?

Rodney G · Accepted Answer · 2013-04-24 18:34:48Z

Note that you can select only :checked checkboxes to eliminate the need for your if statement.

$(document).ready(function() {
    $("#submit_prog").on("click", function () {
         var query_string = '';

         $("input[type='checkbox'][name='prog']:checked").each(function () {
             query_string += "&prog[]=" + this.value;
             $(this).remove();
         });

         $.ajax({
             type: "POST",
             url: "post_prog.php",
             data: "id=1" + query_string,
             success: function(t) {
                 $("div#content").empty().append(t);
             },
             error: function() {
                 $("div#content").append("An error occured during processing");
             }
         });    
    });
});

Ahmed El Kilani · Accepted Answer · 2013-04-24 17:42:42Z

0

1- Remove '@' from the selectors

2- Use jQuery.on('click', function(){} instead of jQuery.click() function

3- Use the jQuery promise functions:

$.ajax({
    type: "POST",
    url: "post_prog.php",
    data: "id=1" + query_string
})
    .done(function (t) {
    $("div#content").empty().append(t);
})
    .error(function () {
    $("div#content").append("An error occured during processing");
});

answered Apr 24, 2013 at 17:42

Ahmed El Kilani

3451 silver badge8 bronze badges

2 Comments

Stefan Frederiksen Over a year ago

Okay, and the checkbox remove function?

Ahmed El Kilani Over a year ago

It should work find when you remove '@'. or you can add the :checked pseudo selector: <pre> $("input[type='checkbox'][name='prog']:checked").each(function () { query_string += "&prog[]=" + this.value; $(this).remove(); }); </pre>

Collectives™ on Stack Overflow

POST with checkbox

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related