Checkbox save onchange function

Question

I'm trying to create a script that will save a ticked checkbox. The code I have as of now disables add & approve when read is ticked and disables read when either of add/approve is ticked. Now the problem I have is when I added ajax submission to the jquery it doesn't save the record and it no longer disables the checkboxes(assuming I ticked read).

Here's what I got so far.

$(document).ready(function(){
    $('#list-tbl tr').each(function(){

        var $this = $(this);
        var id = $('#input').val();
        $('input[type=checkbox]', $this).change(function(){
            if($('.read', $this).is(':checked')){
                $('input[type=checkbox]', $this).prop('disabled',true);
                $.ajax({
                    type: 'POST',
                    url: <?= site_url('admin/update')?>,
                    dataType: "json",
                    data: { id: id }, 
                    success: function(data) { 
                        alert("Updated");
            }
        });
                $(this).prop('disabled',false);
            } else if($('.add', $this).is(':checked') || $('.approve', $this).is(':checked')) {
                $('.read', $this).prop('disabled', true);
                $(this).prop('disabled', false);
            } else{
                $('input[type=checkbox]', $this).prop('disabled',false);
                $(this).prop('disabled',false);
            }
        });
    });
});

Ex: http://jsfiddle.net/bGatX/

I'm getting a lil bit frustrated I just want to save the data in the right manner and perform the disabling as it is....

Many thanks.

From our perspective, it's sort of difficult to identify what your issue actually is. Would you consider making a jsFiddle with the accompanying HTML? — Jordan Arsenault
– Jordan Arsenault, Commented Feb 14, 2012 at 22:43

Jordan Arsenault · Accepted Answer · 2012-02-15 01:58:19Z

1

Looking at your jsFiddle... you don't actually have a HTML element with id="input", even though, you've trying to save an id using: var id = $('#input').val();

This is the id you're trying to send to the server but it doesn't really exist. What are you really trying to do? Establish whether a certain user has read/added/approved a particular item? If that's the case what you need to send to the server is a user id combined with a string that represents whether the user read/added or approved an item.

On a minor note and as a matter of redundancy and performance: $(this).prop('disabled',false); is common amongst all conditionals and can be pulled out to the front as a common factor.

edited Feb 15, 2012 at 1:58

answered Feb 14, 2012 at 23:30

Jordan Arsenault

7,4819 gold badges55 silver badges103 bronze badges

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

Collectives™ on Stack Overflow

Checkbox save onchange function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related