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

});

相关推荐
甲维斯15 小时前
Kimi版超级玛丽效果“惊人”,配额不足5厘米!
前端·人工智能
hboot15 小时前
AI工程师第一课 - Python
前端·后端·python
凉菜凉凉15 小时前
AI时代,被抛弃的前端
前端·ai
console.log('npc')15 小时前
AI前端工程与生成式UI学习路线
前端·人工智能·ui
焦虑的说说15 小时前
秒杀系统设计方案
java
huangdong_15 小时前
淘宝商品SKU图自动分类技术深度解析:从DOM解析到智能归档
开发语言·javascript·ecmascript
梦曦i15 小时前
uni-router v1.1.1发布:守卫超时保护+路由监听
前端·uni-app
许彰午15 小时前
30_Java Stream流操作全解
java·windows·python
qq_25183645716 小时前
基于java Web网络订餐系统设计与实现 源码文档
java·开发语言·前端
凡人叶枫16 小时前
Effective C++ 条款17:以独立语句将 newed 对象置入智能指针
java·linux·开发语言·c++·算法