使用jQuery复选框

Question

JSON data looks like this:

{"id":8,"userName":"gentelman","fullname":"Alexen","email":"alex@yahoo.com",
"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 () { }
    );
}

Answer 1

您可以在一行中完成，只需确保使用.prop()

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

Answer 2

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);

Answer 3

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 () { }
    );
}