Jquery如何操作多選框?
Html代碼裏多選框控件,在生成後多數情況都是給用户點擊選擇的,但有時候程序也需要操作這些控件。下面一起來看下用JQuery怎麼操作。
操作方法
(01)首先看下我們的Html代碼,就是一組Checkbox多選框,和一組操作的按鈕。代碼裏記得先引入Jquery插件腳本。
(02)看下現在頁面的顯示效果,就是一組很標準的多選框和按鈕。
(03)我們先添加第一個按鈕的邏輯。用Jquery選中一個多選框,我們用id選擇器選中這個多選框,然後調用prop方法,設置它的屬性 checked為 true就行了。$("#cbSRF")("checked", true);
(04)刷新運行頁面,我們點擊第一個按鈕,如圖,程序自動把第二個多選框選中了。
(05)接着寫第二個按鈕的邏輯,所有的多選框都選中,我們用class選擇器選中所有的多選框,然後還是調用prop方法,設置它的屬性 checked為 true。因為所有的多選框都有樣式為 cb的Class,所以$("")就是選擇了所有的選擇框。$("")("checked", true);
(06)再次刷新頁面,點擊第二個按鈕,所有的多選框都呈選中狀態了。
(07)接着寫第三個按鈕的邏輯,獲取選中的多選框的值。這次我們的選擇器是$(":checked"), 即class為 cb, 且是選中狀態的多選框(:checked),沒有選中的排除。然後循環這些選中的項,用val()方法取得它的值,放到字符串,最後彈框輸出。
(08)刷新頁面後,我們先選中第一項和第二項,然後點擊第三個按鈕。得到正確結果,如圖
(09)第四個按鈕的邏輯,設置一個多選框為不可用狀態,在這個狀態下,用户不能點擊選中它。我們用id選擇器選中這個選項,然後用prop方法,設置 disabled屬性為true就行了。
(10)刷新頁面,點擊第四個按鈕,可以看到最後一個選項的選框顏色變灰了,用鼠標去點擊,也是不能選中的。
-
PHP如何格式化日期?
在做php開發時,經常會用到日期函數,我們可以通過這個函數將日期格式化輸出顯示。日期有多種的顯示格式,這些格式在PHP裏怎麼格式化?下面一起來看下。操作方法(01)先看下我們的代碼,如圖,在php裏要獲取到當前日期,我們可以用date函數,函數的第一個參數就是格式化字符串,第...
-
在BIOS中開啟VT虛擬化以提高安卓模擬器的性能
在BIOS中開啟VT虛擬化可以較大的提高安卓模擬器的性能,現在就教教大家怎麼進行操作。操作方法(01)下載並安裝CPU-V。(02)先重啟電腦,開機後按delete鍵進入BIOS,不同的主板進入BIOS的按鍵不同(自己可以網上搜索下)。進入BIOS後,找到VirtualizationTechnology,把Disabled改...
-
微信聊天記錄怎麼備份和恢復?
我們在平時會經常使用微信來交流聊天,怎麼恢復微信刪除的記錄呢?對於大多數的重要聊天記錄,一定要及時備份,手機可以備份到本地電腦,這樣才能夠很好的保證文件不時之需,在備份保存的同時,電腦的安全也要注意,切勿把病毒殘留在電腦中。我們的微信聊天記錄被我們誤刪的情...
-
教您如何組建家庭KTV點歌系統
在現在喜歡K歌的人們已經對KTV產生了一種依賴感,一時不唱全身都不舒服,但是KTV並非自家的,並非時刻都可以盡情唱歌,並且對上節假日的時候,還需要排隊等待,因此在現在,在自家安裝家庭KTV成為一種潮流趨勢。人們雖喜歡去KTV唱歌,但是對家庭KTV組建並不瞭解,組建時經常遇到...