使用jQuery获取当前网页中所有的单选框元素

来源：互联网 2023-03-16 23:54:53 227

jquery有很多资料，社区也比较成熟，可以搜索jquery的选择器。本经验也主要是使用jq强大的选择器，仅需一行代码快速获取页面所有单选框。小编把整个过程做成教程方便新人理解。

工具/原料

新建一个html文档

使用jquery的官方cdn，资源加载更快

使用jQuery获取当前网页中所有的单选框元素

编写页面html布局代码和样式名称，如下图：

使用jQuery获取当前网页中所有的单选框元素

3此文章未经授权抓取自百度经验

实现样式布局，样式代码如下，效果也出来了

使用jQuery获取当前网页中所有的单选框元素

使用jquery快速获取当前页面所有的input[type=radio]的元素

使用jQuery获取当前网页中所有的单选框元素

点击按钮，就可以看到当前页面radio的总数量为8

使用jQuery获取当前网页中所有的单选框元素

原生JavaScript获取当前页面所有单选框的选中值，并输出值（补充）

使用jQuery获取当前网页中所有的单选框元素

更便捷的方法（补充）

$('input:radio:checked').each(function(){

console.log($(this).attr('name') ":" $(this).val());　　// 整个页面所有单元框的值

});

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： JQUERY

上一篇：jQuery动画效果制作下一篇：使用jquery如何为HTML元素设置属性