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

});

相关推荐
reembarkation1 分钟前
光标在a-select,鼠标已经移出,下拉框跟随页面滚动
java·数据库·sql
愣头不青15 分钟前
617.合并二叉树
java·算法
A黄俊辉A17 分钟前
vue css中 :global的使用
前端·javascript·vue.js
小码哥_常31 分钟前
被EdgeToEdge适配折磨疯了,谁懂!
前端
小码哥_常43 分钟前
从Groovy到KTS:Android Gradle脚本的华丽转身
前端
灵感__idea1 小时前
Hello 算法:复杂问题的应对策略
前端·javascript·算法
chushiyunen1 小时前
python中的内置属性 todo
开发语言·javascript·python
麦麦鸡腿堡1 小时前
JavaWeb_请求参数,设置响应数据,分层解耦
java·开发语言·前端
soso19682 小时前
JavaScript性能调优实战案例
javascript
Dxy12393102163 小时前
CSS常用样式详解:从基础到进阶的全面指南
前端·css