如何勾选一个处于封闭模态的复选框?

时间:2015-11-02 10:04:22

标签: javascript jquery checkbox modal-dialog

我有这种模式:

<div class="modal fade" id="column-settings-modal" tabindex="-1" role="basic" aria-hidden="false">

这个模式中的复选框:

<input type="checkbox" id="partcountry-cb" value="Ülke"/>  &nbsp; Ülke <br />

我有一个加载模态的功能。我想在模态打开时选中此复选框。我的功能如下:

function load_column_filters(surveyId,toShow) {

    var $modal = $('#column-settings-modal');
        $modal.modal();
        $("#partcountry-cb").attr("checked", true); 
}

但是,最后一个语句不起作用。 (我已经尝试了.prop,但它没有用。)这是关于模态本身的问题还是我错过了什么?

1 个答案:

答案 0 :(得分:0)

你在使用bootstrap模态吗?如果是,请尝试查看此事件doc以获取模态。尝试通过触发显示的回调来完全打开内容时尝试修改内容:

function load_column_filters(surveyId,toShow) {

  var $modal = $('#column-settings-modal');
      $modal.modal();

}

$('#column-settings-modal').on('shown.bs.modal', function() {
   $("#partcountry-cb").prop("checked", true); 
});