2.js获取单选按钮(radio)的value值和点击事件

<!-- 单选按钮的取值和点击事件-->

<form action="#" method="post">

性别:

<input type="radio" name="sex" value="male" checked="true" />男

<input type="radio" name="sex" value="female" />女

</form>

方法一

var item = null;

var obj = document.getElementsByName("sex")

for (var i = 0; i < obj.length; i++) { //遍历Radio

if (obj[i].checked) {

item = obj[i].value;

}

}

alert(item);

方法二

item = $('input[name=sex]:checked').val();

alert(item);

方法三

$("input[type=radio]:checked").each(function() {

item = $(this).val();

alert(item);

})

单选按钮的点击事件

// 点击单选按钮后触发,即,我们选择"男"时,触发一个事件,弹出选中的值

$("input[name=sex]").click(function(){

var sex = $(this).val();

alert(sex);

});

相关推荐
桃园码工15 分钟前
15_HTML5 表单属性 --[HTML5 API 学习之旅]
前端·html5·表单属性
Yan.love31 分钟前
开发场景中Java 集合的最佳选择
java·数据结构·链表
椰椰椰耶34 分钟前
【文档搜索引擎】搜索模块的完整实现
java·搜索引擎
大G哥35 分钟前
java提高正则处理效率
java·开发语言
百万蹄蹄向前冲1 小时前
2024不一样的VUE3期末考查
前端·javascript·程序员
智慧老师1 小时前
Spring基础分析13-Spring Security框架
java·后端·spring
lxyzcm1 小时前
C++23新特性解析:[[assume]]属性
java·c++·spring boot·c++23
轻口味1 小时前
【每日学点鸿蒙知识】AVCodec、SmartPerf工具、web组件加载、监听键盘的显示隐藏、Asset Store Kit
前端·华为·harmonyos
alikami1 小时前
【若依】用 post 请求传 json 格式的数据下载文件
前端·javascript·json
V+zmm101342 小时前
基于微信小程序的乡村政务服务系统springboot+论文源码调试讲解
java·微信小程序·小程序·毕业设计·ssm