jquery顯示檢查複選框是否在關閉前檢查

Question

我正在使用jquery顯示。這是一張我的代碼：

<div id="myModal" class="reveal-modal" data-reveal> 
      <p>bmla</p> 
     <input id="read" type="checkbox" value="read">I've read it</input> 
     <a id="ok" class="close-reveal-modal">OK</a> 
    </div> 

我想檢查之前，我關閉這個模式我chebock檢查..

$(document).ready(function(){ 
      if (/bla/.test(self.location.href)) { 
       $('#myModal').reveal({ 
        animation: 'fadeAndPop',     //fade, fadeAndPop, none 
        animationspeed: 300,      //how fast animtions are 
        closeonbackgroundclick: false 
       }); 
      } 
     }); 

我怎樣才能做到這一點？

在此先感謝

Answer 1

試試這個：綁定click事件'OK'鏈接，如果複選框被選中或不關閉模式檢查。並將'dismissmodalclass'設置爲任何其他職業，以便點擊OK它將不會關閉模態。

$(document).ready(function(){ 
      $('#ok').click(function(e){ 
      e.preventDefault(); 
      if($('#read').is(':checked')) 
      { 
       $('#myModal').trigger('reveal:close'); 
       return true; 
      } 
      else 
      { 
       alert('Please check the checkbox'); 
       return false; 
      } 
      }); 

     if (/bla/.test(self.location.href)) { 
      $('#myModal').reveal({ 
        animation: 'fadeAndPop',     //fade, fadeAndPop, none 
        animationspeed: 300,      //how fast animtions are 
        closeonbackgroundclick: false, 
        dismissmodalclass: 'close-reveal-modal1' // class name changed to avoid close of modal on click of OK link 
      }); 
     } 
    });