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

});

相关推荐
一只小bit1 天前
Qt 常用控件详解:按钮类 / 显示类 / 输入类属性、信号与实战示例
前端·c++·qt·gui
阿波罗尼亚1 天前
Tcp SSE Utils
android·java·tcp/ip
susu10830189111 天前
springboot3.5.8整合minio8.5.9
java·springboot
Mr -老鬼1 天前
前端静态路由与动态路由:全维度总结与实践指南
前端
不知道累,只知道类1 天前
深入理解 Java 虚拟线程 (Project Loom)
java·开发语言
myzshare1 天前
实战分享:我是如何用SSM框架开发出一个完整项目的
java·mysql·spring cloud·微信小程序
Nan_Shu_6141 天前
学习: Threejs (1)
javascript·学习
颜酱1 天前
前端必备动态规划的10道经典题目
前端·后端·算法
Chan161 天前
【 Java八股文面试 | JavaSE篇 】
java·jvm·spring boot·面试·java-ee·八股
wen__xvn1 天前
代码随想录算法训练营DAY10第五章 栈与队列part01
java·前端·算法