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);

});

相关推荐
程序员清风1 分钟前
北京回长沙了,简单谈谈感受!
java·后端·面试
何中应10 分钟前
请求头设置没有生效
java·后端
五月君_15 分钟前
炸裂!Claude Opus 4.6 与 GPT-5.3 同日发布:前端人的“自动驾驶“时刻到了?
前端·gpt
Mr Xu_19 分钟前
前端开发中CSS代码的优化与复用:从公共样式提取到CSS变量的最佳实践
前端·css
亓才孓36 分钟前
[JDBC]批处理
java
春日见37 分钟前
车辆动力学:前后轮车轴
java·开发语言·驱动开发·docker·计算机外设
低代码布道师41 分钟前
Next.js 16 全栈实战(一):从零打造“教培管家”系统——环境与脚手架搭建
开发语言·javascript·ecmascript
宋小黑1 小时前
JDK 6到25 全版本网盘合集 (Windows + Mac + Linux)
java·后端
鹏北海-RemHusband1 小时前
从零到一:基于 micro-app 的企业级微前端模板完整实现指南
前端·微服务·架构
LYFlied1 小时前
AI大时代下前端跨端解决方案的现状与演进路径
前端·人工智能