當模態打開jquery時標記復選框

當彈出模式打開時，我的復選框沒有被選中。我正在使用引導模式和 jquery。最初我想在第一次打開時選中復選框，稍后它需要根據資料庫中存在的值來選中/取消選中。我用過這個

  $('#edit-address').attr('checked', true)
                            

  <input class="check-address-checkbox"  id="edit-address" type="checkbox" value="1" />

我的模態代碼

<div
  id="bs-modal-edit-field-address"
  class="modal fade in"
  data-fieldid="1932"
  data-fieldname="field x"
  aria-hidden="false"
  style="display: block"
>
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <!-- Modal Header -->
      <div class="modal-header text-center">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h3
          class="semibold modal-title text-primary"
          style="text-transform: capitalize"
        >
          Add/Edit 'Address' Field
        </h3>
      </div>
      <!-- End Modal Header -->

      <div class="modal-body pb0">
        <div class="form-group formtemplate mb0">
          <div class="row">
            <div class="col-lg-12">
              <div
                class="panel form-horizontal form-bordered form-canvas"
                name="form-profile"
              >
                <div class="panel-body pt0 pb0">
                  <div class="form-group no-border">
                    <div class="row">
                      <div class="col-sm-6">
                        <label
                          for="edit-address-label"
                          class="control-label mb5"
                          >Question (Name):</label
                        >
                        <input
                          id="edit-address-label"
                          type="text"
                          class="form-control fieldNames"
                          data-option="label"
                          placeholder="The question and name for this field.."
                        />
                      </div>
                      <div class="col-sm-6 mt20 pt10">
                        <div class="checkbox custom-checkbox">
                          <input
                            id="edit-address"
                            type="checkbox"
                            data-option="required"
                            value="1"
                          />
                          <label for="edit-address">Mark this</label>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>
  </div>
</div>

當我打開模態時，它仍然沒有被選中。最初我想選中復選框。稍后我將檢查資料庫值以確定是選中還是取消選中復選框

uj5u.com熱心網友回復：

使用.prop( "checked", true );的復選框。https://learn.jquery.com/using-jquery-core/faq/how-do-i-check-uncheck-a-checkbox-input-or-radio-button/

$('#btn-on').on('click', function(){
    $('#edit-address').prop('checked', true);
});

$('#btn-off').on('click', function(){
    $('#edit-address').prop('checked', false);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>



<input class="check-address-checkbox" id="edit-address" type="checkbox" value="1" />
 
 <br/>
 <br/>
 
<button id="btn-on">On button</button>
<br/>
 <br/>
 

<button id="btn-off">Off button</button>

uj5u.com熱心網友回復：

如果$('#edit-address').attr('checked', true)或$('#edit-address').prop('checked', true)不起作用，請嘗試以下方法：

$('#edit-address').attr('checked', 'checked');

或者

 $('#edit-address').prop('checked', 'checked');

或根據選中與否觸發點擊：

if(!$('#edit-address:checked').val()){$('#edit-address').click(); }

標籤：查询 推特引导

上一篇：不需要的重復ajax/jqueryPOST請求

下一篇：未呼叫自定義qHash方法