jQuery设置复选框选中

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

我的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;
    });
});

当前回答

试试下面的代码:

$("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);

2013-02-23 19:11:38

其他回答

<body>
      <input id="IsActive" name="IsActive" type="checkbox" value="false">
</body>

<script>
    $('#IsActive').change(function () {
         var chk = $("#IsActive")
         var IsChecked = chk[0].checked
         if (IsChecked) {
          chk.attr('checked', 'checked')
         } 
         else {
          chk.removeAttr('checked')                            
         }
          chk.attr('value', IsChecked)
     });
</script>

2019-12-09 05:26:39

对我有用:

$checkbok.prop({checked: true});

2014-01-23 20:49:35

尝试这个，因为你正在使用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');

    }
   });

2013-02-23 19:13:56

.attr("checked",true)
.attr("checked",false)

将工作。确保true和false不在引号内。

2014-06-26 14:59:10

在加载模态窗口后设置复选框。我认为您在加载页面之前设置了复选框。

$('#fModal').modal('show');
$("#estado_cat").attr("checked","checked");

2014-03-10 17:46:35

jQuery设置复选框选中

推荐文章

最新文章

标签