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 分钟前
在线接口调试工具-swagger
java·swagger
不爱说话郭德纲9 分钟前
产品:上传图片拖拽一下怎么了 ?
前端·javascript·vue.js
make14 分钟前
AI 流式请求工具函数 (通义千问)
前端·javascript
作曲家种太阳16 分钟前
加餐-Vue3的渲染系统流程解说【手摸手带你实现一个vue3】
前端
前端太佬21 分钟前
前端对接微信扫码登录:从踩坑到填坑的全记录
前端·javascript·微信
京东零售技术30 分钟前
Taro on Harmony :助力业务高效开发纯血鸿蒙应用
前端·开源
苍煜1 小时前
MinIO 教程:从入门到Spring Boot集成
java·spring boot·后端·minio
前端大白话1 小时前
救命!这10个Vue3技巧藏太深了!性能翻倍+摸鱼神器全揭秘
前端·javascript·vue.js
掘金詹姆斯1 小时前
LangChain4j—持久化聊天记忆 Persistence(五)
java·人工智能