JavaScript、jQuery获取单选框(radio)的选中值(学习笔记)
    		       		warning:
    		            这篇文章距离上次修改已过448天,其中的内容可能已经有所变动。
    		        
        		                
                在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());
}以上两种方法都可以获取到单选框的选中值。在实际开发中,可以根据项目需求和个人喜好来选择使用哪一种方法。
评论已关闭