2021-05-12 14:32:11
jquery如何獲取radio的值
2019-12-13 00:13:59
JQuery是目前網頁設計中的關鍵技術，通過JQuery可實現豐富複雜的頁面效果，它以其「用最少的程式碼，表現最豐富的內容」的宗旨深受網頁設計人員的喜愛。對於互動式radio已成為構成頁面的主要元素，利用JQuery實現對radio的讀取操作已是設計人員必備之技能。下面就來看一下jquery獲取radio值的方法。
1
開啟Dreamweaver8，點選「新建」→「基本頁」→「HTML」，新建一空白網頁檔案，並將該檔案另存為「index.html」。
2
切換至程式碼檢視，並在程式碼區新增如圖所示的HTML程式碼，該段程式碼的作用是製作三個無線電鈕，同時繪製三個互動式按鈕，程式碼及效果如圖所示：
3
下載相關的腳步執行庫：由於採用JQuery指令碼來實現網頁的動態效果，因此需要在網上搜尋並下載相應的JQuery運動庫，下載完成後進行解壓縮，將解壓後的檔案拷貝到網站的根目錄下（與index.html檔案同目錄）。
4
在頁面中加入對JQuery庫的參照。此時只需要在Head標籤內新增一組Script標籤，並指定JQuery庫的位置，當然也可以參照遠端JQuery伺服器地址。程式碼如圖所示：
5
新增JQuery指令碼控制程式碼，該程式碼的重要功能是：當點選名稱為「選中的那個radio的值」時顯示被選中的radio的值，點選名稱為「遍歷所有radio的值」時顯示所有radio的值，點選名稱為「取第二個radio的值」時顯示第二個radio的值。最終程式碼如圖所示：
6
程式碼的偵錯：當點選名稱為「選中的那個radio的值」時顯示被選中的radio的值，點選名稱為「取第二個radio的值」時顯示第二個radio的值。最終效果如圖所示：
相關文章