Hi,歡迎訪問前端老白
jQuery Mobile中的Grid視圖是一種非常方便的方式來展示數(shù)據(jù)和內(nèi)容。 在Grid視圖中,可以使用多選功能來讓用戶同時(shí)選擇多個(gè)項(xiàng)目。以下是一個(gè)使用jQuery Mobile Grid多選的示例:
選項(xiàng)1選項(xiàng)2選項(xiàng)3選項(xiàng)4
在此示例中,我們使用了ui-grid-a類將Grid視圖分成兩列。每個(gè)列用ui-block-a和ui-block-b類分別標(biāo)識,這些類確保列成為網(wǎng)格網(wǎng)格。 再給每個(gè)選項(xiàng)添加了一個(gè)checkbox類型的input,用于讓用戶選擇。最后用label標(biāo)簽將選擇框和文本框綁定。用戶將單擊標(biāo)簽來激活選擇框。
使用jQuery Mobile Grid,將多選功能添加到應(yīng)用程序中是非常容易的。 只需按上面的示例中的方式添加復(fù)選框和標(biāo)簽即可。 您還可以使用CSS來自定義復(fù)選框和標(biāo)簽以使其更符合應(yīng)用程序的主題。 現(xiàn)在,您已經(jīng)了解了如何在jQuery Mobile Grid中使用多選功能。
老白網(wǎng)絡(luò) (http://52shenghuonet.cn/) 前端 后端 zblog主題.網(wǎng)站地圖xml