我有一个按钮,当它被点击时,bootstrap模式似乎更新了一些信息并设置了以前记录在数据库中的信息。但是当我想使用jQuery在bootstrap模式中设置checkbox时,它并不起作用。
<div class="modal fade" id="modalUpdate" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bgm-blue">
<h4 class="modal-title text-center">Share Link</h4>
</div>
<div class="modal-body">
<form data-request="onUpdateLink">
<div class="form-group">
<label class="">Link</label>
<input type="text" class="form-control" id="modal-link" value="" name="link"/>
</div>
<div class="form-group">
<label class="">Message</label>
<textarea class="summernote" name="message" id="modal-message"></textarea>
</div>
<div class="form-group">
<label class="checkbox" for="modal-published">
<input type="checkbox" name="published" id="modal-published" data-toggle="checkbox"
class="custom-checkbox">
Show
</label>
</div>
<input type="text" value="" id="modal-id" name="id" hidden/>
<button type="submit" class="btn btn-primary btn-lg btn-block" href="#">Update</button>
</form>
</div>
</div>
</div>
这是我的jQuery代码:
function detail(data) {
var row = jQuery.parseJSON(data.result);
$('.summernote-notes').summernote({
height: 200,
tabsize: 2,
direction: 'rtl'
});
$('#modal-id').val(row.id);
$('#modal-link').val(row.link);
$('#modal-message').summernote('code', row.content);
$('#modal-published').prop('checked', row.published);
$("#modalUpdate").modal();
}
任何建议都将不胜感激。谢谢!