jquery set复选框被选中

我已经尝试了所有可能的方式,但我仍然没有得到它的工作。 我有一个带有checkbox的模式窗口,我希望当模式打开时, checkbox选中或取消选中应该基于数据库值。 (我已经与其他人一起工作了。)我开始尝试去检查它,但是它不起作用。

我的html div:

<div id="fModal" class="modal" >
    ...
    <div class="row-form">
        <div class="span12">
            <span class="top title">Estado</span>

          <input type="checkbox"  id="estado_cat" class="ibtn">
       </div>
    </div>             
</div>

和jquery:

$("#estado_cat").prop( "checked", true );

我还尝试了attr和其他在论坛中看到的其他人,但似乎都没有成效。 有人能指点我吗?

编辑:好吧,我真的错过了这里的东西......如果复选框在页面中,我可以选中/取消选中代码,但它是在模态窗口中,我不能。 我尝试了几十种不同的方式......

我有一个应该打开模式的链接:

和jquery来“聆听”点击并执行一些操作,例如用来自数据库的数据填充一些文本框。 一切工作就像我想要的但问题是,我不能设置复选框选中/未选中使用代码。 请帮助!

$(function() {
 $(".editButton").click(function(){
       var id = $(this).data('id'); 
       $.ajax({
          type: "POST",
          url: "process.php",
          dataType:"json",
          data: { id: id, op: "edit" },
        }).done(function( data ) {
//the next two lines work fine, i.e., it grabs the value from database and fills the textboxes
          $("#nome_categoria").val( data['nome_categoria'] );
          $("#descricao_categoria").val( data['descricao_categoria'] );
//then I tried to set the checkbox checked (because its unchecked by default) and it does not work
           $("#estado_cat").prop("checked", true);
        $('#fModal').modal('show');
});
    evt.preventDefault();
    return false;
    });     
});

你必须使用'道具'功能:

.prop('checked', true);

在jQuery 1.6之前 (请参阅user2063626的答案):

.attr('checked','checked')

采取所有建议的答案,并将其应用于我的情况 - 尝试根据检索到的值(检查框)或错误(不应选中框)检查或取消选中复选框 - 我尝试了上述所有方法,发现使用.prop(“checked”,true).prop(“checked”,false )是正确的解决方案。

我无法添加评论或答案,但我觉得这很重要,可以增加对话。

以下是全日历修改的长手代码,说明检索的值“allDay”是否为true,然后选中ID为“even_allday_yn”的复选框:

if (allDay)
{
    $( "#even_allday_yn").prop('checked', true);
}
else
{
    $( "#even_allday_yn").prop('checked', false);
}

伙计尝试下面的代码:

$("div.row-form input[type='checkbox']").attr('checked','checked')

要么

$("div.row-form #estado_cat").attr("checked","checked");

要么

$("div.row-form #estado_cat").attr("checked",true);
链接地址: http://www.djcxy.com/p/55783.html

上一篇: jquery set checkbox checked

下一篇: Sequencing ajax requests