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

});

相关推荐
爱上语文几秒前
Springboot的三层架构
java·开发语言·spring boot·后端·spring
serve the people4 分钟前
springboot 单独新建一个文件实时写数据,当文件大于100M时按照日期时间做文件名进行归档
java·spring boot·后端
qmx_071 小时前
HTB-Jerry(tomcat war文件、msfvenom)
java·web安全·网络安全·tomcat
为风而战1 小时前
IIS+Ngnix+Tomcat 部署网站 用IIS实现反向代理
java·tomcat
编程零零七2 小时前
Python数据分析工具(三):pymssql的用法
开发语言·前端·数据库·python·oracle·数据分析·pymssql
技术无疆3 小时前
快速开发与维护:探索 AndroidAnnotations
android·java·android studio·android-studio·androidx·代码注入
北岛寒沫3 小时前
JavaScript(JS)学习笔记 1(简单介绍 注释和输入输出语句 变量 数据类型 运算符 流程控制 数组)
javascript·笔记·学习
everyStudy3 小时前
JavaScript如何判断输入的是空格
开发语言·javascript·ecmascript
(⊙o⊙)~哦4 小时前
JavaScript substring() 方法
前端
无心使然云中漫步4 小时前
GIS OGC之WMTS地图服务,通过Capabilities XML描述文档,获取matrixIds,origin,计算resolutions
前端·javascript