jquery 中如何获取单选框的值

2025-10-02 18:00:27

1、第一步在我们的电脑上打开软件,新建一个html文件和引入jquery.js,如下图所示:

jquery 中如何获取单选框的值

2、第二步在html的body里面添加两个单选框radio和一个带有点击事件的按钮,其中两个单选框radio的name需要一致,通过$('input:radio:checked').val()代码获取单选框的值,如下图所示:

jquery 中如何获取单选框的值

3、第三步我们在浏览器中打开页面,点击获取单选框值按钮,可以看到弹出框已经获取勾选的单选框值,如下图所示:

jquery 中如何获取单选框的值

1、第一步在html中js里面,将方法一的代码注释掉,通过$("input[type='radio']:checked").val()代码来获取单选框radio的值,如下图所示:

jquery 中如何获取单选框的值

2、第二步我们在浏览器打开html页面,点击按钮,可以看到弹出框获得了选择上的单选框值,如下图所示:

jquery 中如何获取单选框的值

1、第一步在html页面里面,将方法一和方法二的代码注释掉,通过$("input[name='rd']:checked").val()代码来获取单选框的值,如下图所示:

jquery 中如何获取单选框的值

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢