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

});

相关推荐
heartbeat..1 分钟前
深入理解 JVM:从核心原理到实战应用
java·jvm·jdk·学习笔记
独自破碎E4 分钟前
数组列表中的最大距离
java
猿小羽5 分钟前
基于 Spring AI 与 Streamable HTTP 构建 MCP Server 实践
java·llm·spring ai·mcp·streamable http
Hexene...7 分钟前
【前端Vue】npm install时根据新的状态重新引入实际用到的包,不引入未使用到的
前端·vue.js·npm
大模型微调Online8 分钟前
深度复盘:Qwen3-4B-Instruct-2507微调实战——打造“快思考、强执行”的 ReAct IoT Agent
java·后端·struts
铁蛋AI编程实战10 分钟前
Agentic AI/GPT-4o替代/Spring AI 2.0/国产大模型轻量化
java·人工智能·spring
weixin_7042660511 分钟前
Maven入门:构建与依赖管理全解析
java·maven
cyforkk12 分钟前
14、Java 基础硬核复习:数据结构与集合源码的核心逻辑与面试考点
java·数据结构·面试
2301_7806698613 分钟前
Vue(入门配置、常用指令)、Ajax、Axios
前端·vue.js·ajax·javaweb
码农幻想梦13 分钟前
Vue3入门到实战【尚硅谷】
前端·vue