jQuery:如何取得Radio Button的值

更新於 2024/12/27發佈於 2022/12/28閱讀時間約 3 分鐘

因為之前接到的案子有需要用到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>