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 (obji.checked) {

item = obji.value;

}

}

alert(item);

方法二

item = $('inputname=sex:checked').val();

alert(item);

方法三

$("inputtype=radio:checked").each(function() {

item = $(this).val();

alert(item);

})

单选按钮的点击事件

// 点击单选按钮后触发,即,我们选择"男"时,触发一个事件,弹出选中的值

$("inputname=sex").click(function(){

var sex = $(this).val();

alert(sex);

});

相关推荐
JavaGuide6 分钟前
轻量开源版 IDEA 来了!
前端·后端
2601_9620974811 分钟前
JavaScript 异步编程
javascript·ajax·回调函数·异步编程·子线程
张洪权15 分钟前
nest.js websocket 群聊----私聊功能
前端·nestjs
流光D21 分钟前
AI Era: Building Web Sites and Configuring Nginx Reverse Proxy Process
前端·人工智能·nginx
sakidd21 分钟前
VS Code 的 AI Chat 现在已经这么能干了?
前端
吴声子夜歌24 分钟前
Guava——散列
java·guava
用户31268748772025 分钟前
AQS 到底怎么排队的?CLH 队列、state 与条件变量全链路拆解
java
计算机魔术师30 分钟前
英伟达砸130亿美元买下一个平台,黄仁勋到底在怕什么?
前端
Json____32 分钟前
springboot开发高校选课管理系统:从零构建前后端分离的全栈实践
java·spring boot·后端·毕业设计·毕设·wwwoop.com
全栈项目管理程序猿37 分钟前
ArcGIS JS 基础教程(18):SceneLayer 场景图层
javascript