bootstrap-modal：弹出modal时input的checked的状态无法改变 | | input获取焦点不生效

1.每次弹出modal时 ，用 js 修改的 checked 状态不能实时更新

<div class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
          <input type='checked' id='platNumber' >
          <span for='platNumber'>订单创建日期</span>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

$('#platNumber').attr('checked',true); // 这是一个后台写的，他找了好多办法都是针对modal的，但不奏效

这其实不是 modal 的问题，是 input 的问题

$('#platNumber').prop('checked',true);

像 checkbox，radio 和 select 这样的元素，选中属性对应“checked”和“selected”，这些也属于固有属性，因此需要使用 prop 方法去操作才能获得正确的结果。

2. 在 modal 弹出时，让 input 获取焦点

$('#platNumber').focus(); // 并不生效，因为执行时的 modal 也许还没渲染完，所以需要定时器

setTimeout(function(){
    $('#platNumber').focus(); // 这就可以生效了
},300);