2017-04-21 50 views
0

我試圖檢查模態內的表單內的複選框時有問題。無法檢查模態內的引導複選框

下面的代碼

<div id="modal-new-bill" class="modal"> 
     <form action="NewBill" method="post"> 
      <div class="modal-content"> 

       <div class="row"> 
        <div class="checkbox"> 
         <input type="checkbox" value="remender" name="remender"> 
         <label for="remender">Create Remender?</label> 
        </div> 
       </div> 
      </div> 
      <div class="modal-footer center"> 

       <a href="#!" class="modal-action modal-close waves-effect waves-red btn-flat">Cancel</a> 
       <button type="submit" class="btn waves-effect waves-light">Insert</button> 
      </div> 
     </form> 
    </div> 

的問題是,我不能檢查複選框,但如果我能走到今天這通過點擊選項卡,然後空間,它被選中。任何人都知道如何通過點擊鼠標來進行檢查? 謝謝。

+1

你發佈的HTML似乎是從偏離正確的引導標記結構的位。確保你正在檢查。你可以使用http://www.bootlint.com/,它會報告你的標記的所有問題。例如,你沒有'.modal-dialog',並且你有一個沒有任何列子節點的'.row' – Sheffie

回答

0

它工作正如你發佈,所以你很可能有一些JavaScript附加到它導致你的問題。

<div id="modal-new-bill" class="modal"> 
 
     <form action="NewBill" method="post"> 
 
      <div class="modal-content"> 
 

 
       <div class="row"> 
 
        <div class="checkbox"> 
 
         <input type="checkbox" value="remender" name="remender"> 
 
         <label for="remender">Create Remender?</label> 
 
        </div> 
 
       </div> 
 
      </div> 
 
      <div class="modal-footer center"> 
 

 
       <a href="#!" class="modal-action modal-close waves-effect waves-red btn-flat">Cancel</a> 
 
       <button type="submit" class="btn waves-effect waves-light">Insert</button> 
 
      </div> 
 
     </form> 
 
    </div>