我已经尝试了所有可能的方法,但还是没有成功。 我有一个模式窗口与复选框,我想当模式打开时,复选框勾选或取消勾选应该基于数据库值。(我已经与其他领域的人合作过了。)我开始试着去检查,但不管用。

我的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,以及在论坛上看到的其他工具,但似乎都不起作用。 谁能告诉我怎么走?


EDIT

好吧,我真的遗漏了一些东西。如果复选框在页面中,我可以检查/取消检查使用代码,但它是在模态窗口中,我不能。我尝试了几十种不同的方法。

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

<a href='#' data-id='".$row['id_cat']."' class='editButton icon-pencil'></a>

和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 it's unchecked by default)
            // and it does not work
            $("#estado_cat").prop("checked", true);
            $('#fModal').modal('show');
        });

        evt.preventDefault();
        return false;
    });
});

当前回答

把所有建议的答案应用到我的情况中——根据检索到的值为true(应该选中复选框)或false(不应该选中复选框)来选中或取消选中复选框——我尝试了以上所有方法,发现使用.prop(“选中”,true)和.prop(“选中”,false)是正确的解决方案。

我还不能添加评论或回答,但我觉得这很重要,应该加入到对话中。

下面是修改fullcalendar的手工代码,它表示如果检索到的值“allDay”为真,则选中ID为“even_allday_yn”的复选框:

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

其他回答

如果您希望在GreaseMonkey脚本中使用此功能来自动选中页面上的复选框,请记住,简单地设置选中的属性可能不会触发相关的操作。在这种情况下,“点击”复选框可能会(以及设置选中的属性)。

$("#id").click()
$("#divParentClip").find("#subclip_checkbox")[0].checked=true;

Find将返回数组,因此即使只有一项,也使用[0]来获取

如果你不使用find,那么

$("#subclip_checkbox").checked=true;

这对我来说在Mozilla Firefox中工作得很好

尝试这个,因为你正在使用jQuery UI可能(如果不是请评论)

 $("#fModal" ).dialog({
     open: function( event, ui ) {

     if(//some hidden value check which stores the DB value==expected value for
      checking the Checkbox)

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

    }
   });

我知道这要求一个Jquery的解决方案,但我只是想指出,这是非常容易切换这在纯javascript。

var element = document.getElementById("estado_cat");
element.checked = true;

它将在当前和未来的所有版本中工作。

你可以像下面这样写给定的代码。

HTML

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

jQuery

$(document).ready(function(){
    $(".ibtn").click(function(){
        $(".ibtn").attr("checked", "checked");
    });
});

希望它对你有用。