jQuery:如何取得Radio Button的值
閱讀時間約 2 分鐘
因為之前接到的案子有需要用到AJAX新增資料到後端
而裡面又有用到Radio Button的部分
所以需要取得選到的Radio Button的值
範例如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Radio Button</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
</head>
<script>$(document).ready(function () {$("#btn_click").click(function () {console.log($("input[name='radio_button']:checked").val());});});</script>
<body>
<form>
<label><input type="radio" name="radio_button" value="1" checked>OPEN</label>
<label><input type="radio" name="radio_button" value="0">CLOSE</label>
<button type="button" id="btn_click">Click</button>
</form>
</body>
</html>
我這邊只用簡單的Click事件去取得選到的Radio Button
然後有個小技巧
用Label包住Radio Button的話 可以點選字就切換Radio Button
可以不用一定要點選到選項才能切換
使用者體驗感覺較佳喔!
參考資料:
0會員
3內容數
留言0
查看全部
你可能也想看
Google News 追蹤
《流亡黯道2》（Path of Exile 2）將於12月7日展開全球搶先體驗（EA）。該文章提供了關於如何確認遊玩資格的步驟、老玩家和新玩家的獲取資格方式，以及其它相關的官方資訊。無論是累積消費滿$480美金的老玩家，還是新玩家購買EA贊助包，都能快速獲得遊玩權限。
如果你想知道投資比特幣的最短路徑，或是想知道投資比特幣的風險以及一路上需要具備的知識，那也許這篇文章能幫助你快速地走過從 0 到 1 的過程……
其實從我剛出社會時，對於工作的目標就是賺錢，而錢幾乎對於我的人生來說，始終沒有足夠的一天，所以換工作勢必是要不斷進行的，因為本身的家庭背景並非那種有人脈、金錢可以依靠的那種，很多時候就只能靠自己一切從零開始打拼。
06. React Forms: Dynamically Add New Input Fields On Click || Learn React Through Mini Projects
JavaScript30 傳送門：https://javascript30.com/
透過 JS 控制 CSS 變數
今天的挑戰是要能透過滑動圖片上面的 <input type="range"> 來改變圖片的三個屬性。
以前在 CSS 裡面看到 var(--xxxx) 這種東西都很
想要找個地方記錄自己寫 JavaScript 30 挑戰時額外的小筆記✍🏻
JavaScript30 傳送門：https://javascript30.com/
第一個挑戰是寫一個 keydown 事件並讓頁面隨著不同的按鍵發出不同的聲音。
力曼RIMAN自2023年底登台以來，從韓國的微商模式轉型為直銷，並憑藉全智賢、元斌、李英愛、金泰希等大咖代言人的星光效應，迅速在台灣市場掀起熱潮。這背後，究竟是什麼樣的魅力讓人們如此關注？他們的產品又有哪些獨到之處？
力曼RIMAN的產品線目前涵蓋三大領域：護膚品牌INCELLDERM、保養品牌
在設計表單的時候有幾種不同的元件，可以用來加快填寫表單的速度。而在這些元件中比較常見的 Checkbox 與 Toggle Switch 常常會讓我覺得有點像又有點不像，在製作表單的時候會有點不太確定在什麼情境下分別使用這兩種元件。在搜集資料後發現，真的有人將這兩個元件做了一些詳細的說明，所以決定整
《流亡黯道2》（Path of Exile 2）將於12月7日展開全球搶先體驗（EA）。該文章提供了關於如何確認遊玩資格的步驟、老玩家和新玩家的獲取資格方式，以及其它相關的官方資訊。無論是累積消費滿$480美金的老玩家，還是新玩家購買EA贊助包，都能快速獲得遊玩權限。
如果你想知道投資比特幣的最短路徑，或是想知道投資比特幣的風險以及一路上需要具備的知識，那也許這篇文章能幫助你快速地走過從 0 到 1 的過程……
其實從我剛出社會時，對於工作的目標就是賺錢，而錢幾乎對於我的人生來說，始終沒有足夠的一天，所以換工作勢必是要不斷進行的，因為本身的家庭背景並非那種有人脈、金錢可以依靠的那種，很多時候就只能靠自己一切從零開始打拼。
06. React Forms: Dynamically Add New Input Fields On Click || Learn React Through Mini Projects
JavaScript30 傳送門：https://javascript30.com/
透過 JS 控制 CSS 變數
今天的挑戰是要能透過滑動圖片上面的 <input type="range"> 來改變圖片的三個屬性。
以前在 CSS 裡面看到 var(--xxxx) 這種東西都很
想要找個地方記錄自己寫 JavaScript 30 挑戰時額外的小筆記✍🏻
JavaScript30 傳送門：https://javascript30.com/
第一個挑戰是寫一個 keydown 事件並讓頁面隨著不同的按鍵發出不同的聲音。
力曼RIMAN自2023年底登台以來，從韓國的微商模式轉型為直銷，並憑藉全智賢、元斌、李英愛、金泰希等大咖代言人的星光效應，迅速在台灣市場掀起熱潮。這背後，究竟是什麼樣的魅力讓人們如此關注？他們的產品又有哪些獨到之處？
力曼RIMAN的產品線目前涵蓋三大領域：護膚品牌INCELLDERM、保養品牌
在設計表單的時候有幾種不同的元件，可以用來加快填寫表單的速度。而在這些元件中比較常見的 Checkbox 與 Toggle Switch 常常會讓我覺得有點像又有點不像，在製作表單的時候會有點不太確定在什麼情境下分別使用這兩種元件。在搜集資料後發現，真的有人將這兩個元件做了一些詳細的說明，所以決定整