Jquery 获得单选按钮组中选中的值

最新推荐文章于 2024-06-11 10:54:21 发布

原创最新推荐文章于 2024-06-11 10:54:21 发布 · 488 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascrpit #jquery

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用jQuery为HTML中的单选按钮添加事件监听器，并在选择发生变化时弹出提示框显示所选值。通过简单的示例代码，帮助读者理解jQuery事件处理的基本用法。

HTML 部分

1

2

3

 
        <
        label
        ><
        input 
        type
        =
        "radio" 
        name
        =
        "RadioGroup1" 
        class
        =
        "RadioGroup1" 
        value
        =
        "male" 
        />男</
        label
        >
       
 
        &nbsp; 
       
 
        <
        label
        ><
        input 
        type
        =
        "radio" 
        name
        =
        "RadioGroup1" 
        class
        =
        "RadioGroup1" 
        value
        =
        "female" 
        />女</
        label
        >
       

JavaScript 部分

1

2

3

4

5

6

7

 
        <script type=
        "text/javascript"
        >
       
        $(document).ready(
        function
        (){
       
        $(
        ".RadioGroup1"
        ).change(
        function
        (){                    
       
        alert($(
        ".RadioGroup1:checked"
        ).val());
       
        });
       
        });
       
        </script>