《jQuery、jQuery UI及jQuery Mobile技巧与示例》——7.4 示例：使用按钮集装饰单选框...
生活随笔
收集整理的這篇文章主要介紹了
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——7.4 示例：使用按钮集装饰单选框...
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
本節書摘來自異步社區《jQuery、jQuery UI及jQuery Mobile技巧與示例》一書中的第7章，第7.4節，作者：【荷】Adriaan de Jonge , 【美】Phil Dutson著，更多章節內容可以訪問云棲社區“異步社區”公眾號查看
7.4 示例：使用按鈕集裝飾單選框
除了button，jQuery UI還提供了buttonset（按鈕集）。代碼清單7-4演示了如何使用buttonset將一組單選框裝飾成普通按鈕的樣式，其中每次只能選中一個按鈕。
代碼清單7-4 裝飾一組單選框
00 <!DOCTYPE html> 01 02 <html lang="en"> 03 <head> 04 <title>jQuery UI Radio</title> 05 <link type="text/css" rel="stylesheet" href= 06 "http://code.jquery.com/ui/1.8.16/themes/base/jquery-ui.css"> 07 </head> 08 <body> 09 10 <div id="target"> 11 <label for="first">First</label> 12 <input type="radio" name="my-radio" id="first"><br> 13 <label for="second">Second</label> 14 <input type="radio" name="my-radio" id="second"><br> 15 <label for="third">Third</label> 16 <input type="radio" name="my-radio" id="third"><br> 17 </div> 18 19 <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 20 <script src="http://code.jquery.com/ui/1.8.16/jquery-ui.min.js"> 21 </script> 22 23 <script> 24 // 請將下列代碼移至一個外部的.js文件中 25 $(document).ready(function() { 26 27 $('#target').buttonset(); 28 29 }); 30 </script> 31 </body> 32 </html>可以將相似的代碼用于復選框或其他一組傳統的按鈕。
總結
以上是生活随笔為你收集整理的《jQuery、jQuery UI及jQuery Mobile技巧与示例》——7.4 示例：使用按钮集装饰单选框...的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： rocksdb ubuntu c++源码
- 下一篇： 网站关停就没事了？5100万账户文件被盗