jquery設置複選框選中

Question

我已經嘗試了所有可能的方式，但我仍然沒有得到它的工作。 我有一個模式窗口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; 
    });  
}); 

Answer 1

哥們試試下面的代碼：

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

OR

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

OR

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

Answer 2

試試這個，因爲使用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'); 

    } 
    }); 

Answer 3

既然你是一個模態窗口（無論是動態還是在頁面），您可以使用下面的代碼來實現自己的目標：（我遇到了我的網站上同樣的問題，這是我的固定它）

HTML：

<div class="content-container" style="text-align: right;"> 
    <input type="checkbox" id="QueryGroupCopyQueries"> 
    <label for="QueryGroupCopyQueries">Create Copies</label>             
</div> 

CODE：

$.each(queriesToAddToGroup, function (index, query) { 
    if (query.groupAddType === queriesGroupAddType.COPY) { 

     // USE FIND against your dynamic window and PROP to set the value 
     // if you are using JQUERY 1.6 or higher. 
     $(kendoWindow).find("input#QueryGroupCopyQueries").prop("checked", true); 

     return; 
    } 

在上面的 「kendoWindow」 是我的窗口（我的是動態的，但我也這樣做時，直接添加到頁面中的元素）。我循環訪問一組數據（「queriesToAddToGroup」）以查看是否有行具有COPY屬性。如果是這樣，我想打開設置該屬性的窗口內的複選框，當用戶從這個窗口中保存。

Answer 4

你可以像下面給出的代碼一樣寫。

HTML

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

jQuery的

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

希望它爲你工作。

Answer 5

您是否試過在您的複選框上運行$("#estado_cat").checkboxradio("refresh")？

Answer 6

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

查找將返回數組，所以使用[0]來獲得哪怕只有一個項目

，如果你不使用找到然後

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

這在Mozilla工作正常火狐我

Answer 7

您必須使用「道具」功能：

.prop('checked', true); 

的jQuery 1.6之前（見user2063626's answer）：

.attr('checked','checked') 

Answer 8

這工作。

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

Answer 9

這是因爲你用最新版本的jQuery attr('checked')回報'checked'而prop('checked')回報true。

Answer 10

爲我工作：

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

Answer 11

我遇到這個問題了。

，這裏是我的老不起作用代碼

if(data.access == 'private'){ 
    Jbookaccess.removeProp("checked") ; 
    //I also have tried : Jbookaccess.removeAttr("checked") ; 
}else{ 
    Jbookaccess.prop("checked", true) 
} 

這裏是我的新代碼，這是現在的工作：

if(data.access == 'private'){ 
    Jbookaccess.prop("checked",false) ; 
}else{ 
    Jbookaccess.prop("checked", true) 
} 

所以，關鍵的一點是它的工作之前，要確保檢查的屬性確實存在並且未被刪除。

Answer 12

設置加載模態窗口後的複選框。我想你是在加載頁面前設置複選框。

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

Answer 13

綜合各方面提出的答案，並把它們應用到我的情況 - 試圖選擇或取消基於對真實檢索到的值複選框（應檢查框）或假（不要選中框） - 我嘗試了上述所有內容，發現使用.prop（「檢查」，true）和.prop（「checked」，false）是正確的解決方案。

我不能添加評論或答案，但我覺得這很重要，可以添加到對話中。

這裏是一個fullcalendar修改是說，如果獲取的值「阿迪」是真草書代碼，然後用ID「even_allday_yn」選中該複選框：

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

Answer 14

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

將work.Make肯定真假不在引號內。

Answer 15

「checked」屬性一旦存在就勾選複選框。因此，要選中/取消選中複選框，您必須設置/取消設置屬性。

爲了檢查框：

$('#myCheckbox').attr('checked', 'checked'); 

對於取消勾選框：

$('#myCheckbox').removeAttr('checked'); 

爲了測試檢查狀態：

if ($('#myCheckbox').is(':checked')) 

希望它可以幫助...