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

});

相关推荐
win x3 分钟前
Redis 使用~如何在Java中连接使用redis
java·数据库·redis
星晨雪海10 分钟前
基于 @Resource 的支付 Service 多实现类完整示例
java·开发语言
阿维的博客日记16 分钟前
什么是逃逸分析
java·juc
killerbasd1 小时前
牧苏苏传 我不装了 4/7
前端·javascript·vue.js
Ricky_Theseus1 小时前
C++右值引用
java·开发语言·c++
Rick19931 小时前
Java内存参数解析
java·开发语言·jvm
吴声子夜歌1 小时前
ES6——二进制数组详解
前端·ecmascript·es6
我是大猴子1 小时前
Spring代理类为何依赖注入失效?
java·后端·spring
勿忘,瞬间1 小时前
多线程之进阶修炼
java·开发语言
014-code1 小时前
线程池参数怎么配才不翻车
java