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

});

相关推荐
你真的可爱呀10 小时前
uniapp+vue3项目中的常见报错情况以及解决方法
前端·vue.js·uni-app
sg_knight11 小时前
Spring 框架中的 SseEmitter 使用详解
java·spring boot·后端·spring·spring cloud·sse·sseemitter
郑州光合科技余经理13 小时前
同城系统海外版:一站式多语种O2O系统源码
java·开发语言·git·mysql·uni-app·go·phpstorm
一只乔哇噻14 小时前
java后端工程师+AI大模型开发进修ing(研一版‖day60)
java·开发语言·人工智能·学习·语言模型
Dolphin_Home14 小时前
笔记:SpringBoot静态类调用Bean的2种方案(小白友好版)
java·spring boot·笔记
差点GDP14 小时前
模拟请求测试 Fake Rest API Test
前端·网络·json
MetaverseMan15 小时前
Java虚拟线程实战
java
浪潮IT馆15 小时前
Tomcat运行war包的问题分析与解决步骤
java·tomcat
酒尘&15 小时前
Hook学习-上篇
前端·学习·react.js·前端框架·react
悟能不能悟15 小时前
Caused by: java.sql.SQLException: ORA-28000: the account is locked怎么处理
java·开发语言