2017-04-21 6 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>

関連する問題