Question

JSON数据如下所示：

.et-social-icon.fa-soundcloud.fa-2x:before {
    content: "";
}
.et-social-icon.fa-2x {
    font-size: 0;
}
.et-social-icon.fa-2x a {
    font-size: 30px;
    line-height: 24px
}
.et-social-icon.fa-soundcloud a:before {
    content: "\f1be";
    font-family:FontAwesome !important;
}

我想在{"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}时制作复选框checked，否则将其设为add_content = 1。现在它只在我刷新页面时才有效。我想让它在没有刷新页面的情况下工作。怎么做？

unchecked

Answer 1

您可以在一行中执行此操作，只需确保使用.prop()

即可

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

Answer 2

更改此代码：

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

对此：

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

Answer 3

是的，你需要使用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 () { }
    );
}

使用jQuery复选框

3 个答案: