JavaScript、jQuery获取单选框(radio)的选中值(学习笔记)
warning:
这篇文章距离上次修改已过193天,其中的内容可能已经有所变动。
在JavaScript和jQuery中,可以通过不同的方法来获取单选框(radio)的选中值。
- 使用JavaScript原生方法:
// 假设单选框的name属性为"gender"
var radios = document.getElementsByName('gender');
for(var i = 0, length = radios.length; i < length; i++) {
if(radios[i].checked) {
// 获取选中的值
alert(radios[i].value);
break; // 只有一个选中的情况下才需要break
}
}
- 使用jQuery方法:
// 假设单选框的name属性为"gender"
var checkedRadio = $('input[name="gender"]:checked');
if(checkedRadio.length > 0) {
// 获取选中的值
alert(checkedRadio.val());
}
以上两种方法都可以获取到单选框的选中值。在实际开发中,可以根据项目需求和个人喜好来选择使用哪一种方法。
评论已关闭