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

});

相关推荐
岁月留痕168几秒前
11 实战项目一:搭建“一言”项目骨架
前端
BreezeJiang1 分钟前
为什么 Next.js 要把组件切成两半?从一个 SEO 死穴说起
javascript·react.js
用户2181697049302 分钟前
Flutter (十五) CustomScrollView PageView
前端
Molecular_Chat5 分钟前
Biotin SNA 生物素偶联凝集素结合特异性、生物素标记效率定量表征研究
javascript·python
WILLF5 分钟前
Python vs JavaScript 异常处理对比
前端·python
__sjfzllv___6 分钟前
在职前端Leader学习/转行 AI Agent -DAY31
前端
岁月留痕1686 分钟前
4 Dart 篇:异步(并发)
前端
MartinYeung58 分钟前
[论文学习]AdInject:通过广告投放对Web代理发起真实世界黑盒攻击
前端·学习
进击的蛋蛋10 分钟前
JS对象的遍历
javascript·面试
用户21816970493010 分钟前
Flutter (十六) 组件通信
前端