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