有關多選與單選(轉載) 

$(".grpCbx").click(function() {
    $(".grpCbx").not(this).removeAttr("checked");
});


將其他check清空，使用專屬jquery的 .not(this) 來處理






原出處


http://blog.darkthread.net/post-2009-05-29-something-about-js-event.aspx
































留言











張貼留言



















這個網誌中的熱門文章









ajax回傳完畢前的讀取畫面、css置中等功能





















要完全置中（上下左右）  < style >      . dialogbox {         top : 0 ;         left : 0 ;         bottom : 0 ;         right : 0 ;         margin : auto ;         overflow : auto ;     } </ style >     在ajax的運用中使用，用途為若api未回傳資料回來，就插入畫面擋住不讓用戶一直點擊   CSS  div . loadingdiv {     height : 100 %;     /*100% 覆蓋網頁內容 , 避免 user 在 loading 時進行其他操作 */     width : 100 %;     position : fixed ;     z-index : 99999 ;     /* 須大於網頁內容 */     top : 0 ;     left : 0 ;     display : block ;     background : #000 ;     opacity : 0.6 ;     text-align : center ; }  div . loadingdiv img {     position : relative ;     vertical-align : middle ;     text-align : center ;     margin : 0 auto ;     margin-top : 50 vh ; }  Ajax  主要是在beforeSend跟complete這兩個function  若開始執行 show，若完成就hide。  AjaxCall : function ( urlStr , object , callback ) {     console. log ([ urlStr , object ]);     $ . ajax ({         url: urlStr ,         type: "GET" ,         data: object ,         dataType: "json" ,         suc...








閱讀完整內容










iOS Safari 中點擊事件失效的解決辦法(轉貼）





















          iOS Safari 中點擊事件失效的解決辦法     問題描述     當使用委託給一個元素添加click事件時，如果事件是委託到 document 或 body 上，並且委託的元素是默認不可點擊的（如 div, span 等），此時 click 事件會失效。     可以使用下面的代碼在 iOS 中進行測試。  <!DOCTYPE html>    < html >    < head >        < meta  charset = "UTF-8" >      < meta  name = "viewport"  content = "width=device-width" >      < title > iOS click bug test </ title >       < style >          .container  {         }          .target  {             display : block;             text-align : center;             margin : 100px  30px  0 ;             padding : 10px  0 ;             border : 1px  solid #ccc ;         }     </ style >  </ head >    < body >        < div  class = "container" >          < div  class = "target" >  Click Me! </ div >      </ div >       < script  src = "//code.jquery.com/jquery-2.1.4.min.js" > </ script >      < scrip...








閱讀完整內容










彈跳視窗iframe的運用





















要簡單的使用手機形式的iframe彈出視窗  一般要使用的話，都需要寫很多語法，在這邊可以使用  fancybox這個jQuery的外掛   使用時，記得加入class="iframe"，加入之後，要在在畫面上設定如下  $ ( '.iframe' ). fancybox ({     width : '100%' ,     height : '70%' ,     titlePosition : 'outside' });  注意的是，如果畫面是動態生成的，記得在動態畫面生成之後，立刻加入這行。  一開始使用的時候，發現怎麼按都不會出現彈跳視窗，但是在畫面上寫死的時候，就會work  後來想到應該是順序的問題(HTML上寫死的畫面已經載入，動態生成算是後來才追加的)，因此如同作多國語系的時候一樣，  在畫面生成之後加入即可動作。   而如果在ifrmae的畫面中要刷新後方的父頁面(例如在子視窗編輯評論，編輯完成後回到父視窗)  可以加入以下兩行   關閉該子視窗  parent . jQuery . fancybox . close ();  (填入原本父視窗的網址)  即可做到關閉子視窗同時刷新父視窗  window . parent . location = "evaluation.html" ;   PS. 如果沒有加入parent而直接使用window.location = "OOOO.html";的話，會變成刷新子視窗    








閱讀完整內容