Check box using jQuery

Question

JSON data looks like this:

{"id":8,"userName":"gentelman","fullname":"Alexen","email":"[email protected]",
"mobile":"0060111434325","designation":null,"add_content":1,"edit_content":1,
"delete_content":1,"manage_user":1,"view_log":1}

I am trying to make checkbox checked when add_content = 1, else make it unchecked. Now it works only when I refresh page. I want to make it work without refreshing page. How to do that?

load: function (id) {
    var self = this;

    KeyWord.byId(
        id,
        function (data) {
            if (data.add_content == 1) {
                $("#add_content").attr('checked', true);
            } else {
                $("#add_content").attr('checked', false);
            }
            self.formHandler.load(data);
        },
        function (error) { },
        function () { }
    );
}

So you want the checking function to be bound to some event? When else does the value of add_content change besides on page refresh? — Iman K
– Iman K, Commented Nov 26, 2015 at 1:15
this load function reads data first and when add_content= 1 make checkbox checked without refreshing page .now checkbox is working but after I refresh the page — Saif
– Saif, Commented Nov 26, 2015 at 1:19
have you tried specific comparison? your json is returning 1, but that no necessarily may be a bool valid comparison in Jquery. What if you place your condition like if (data.add_content == 1) ... since it may be considered as int instead of bool — David Espino
– David Espino, Commented Nov 26, 2015 at 1:39

Donnie D'Amato · Accepted Answer · 2015-11-26 02:08:18Z

2

You can do it in one line, just make sure you use .prop()

$("#add_content").prop('checked', data.add_content == 1);

answered Nov 26, 2015 at 2:08

Donnie D'Amato

3,9701 gold badge20 silver badges42 bronze badges

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

Comments

Saif AL-Qiari · Accepted Answer · 2015-12-01 07:14:54Z

1

Change this code :

    if (data.add_content == 1) {
        $("#add_content").prop('checked', true); 
    } else {
        $("#add_content").prop('checked', false); 
    }
    self.formHandler.load(data);

To this :

    if (data.add_content == 1) {
        $("#add_content").attr("checked", "checked").closet(span).addClass("checked"); 
    } 
    self.formHandler.load(data);

answered Dec 1, 2015 at 7:14

Saif AL-Qiari

4695 silver badges20 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:07:22Z

0

yes you need to use prop() Setting a boolean attribute with jquery

http://api.jquery.com/prop/

load: function (id) {
var self = this;

KeyWord.byId(
    id,
    function (data) {
        if (data.add_content == 1) {
            $("#add_content").prop('checked', true); 
        } else {
            $("#add_content").prop('checked', false); 
        }
        self.formHandler.load(data);
    },
    function (error) { },
    function () { }
    );
}

edited May 23, 2017 at 12:07

CommunityBot

11 silver badge

answered Nov 26, 2015 at 6:50

roshini

1127 bronze badges

Collectives™ on Stack Overflow

Check box using jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related