javascript 获取控件的值

var username = document.getElementById("username").value;
    

var genders = document.getElementsByName("gender");
    var genderValue;
    for (var i = 0;
     i其中，document.getElementsByName()用于获取DOM节点，而.checked方法返回单选框是否被选中，.value方法则返回该单选框的值。如果选中的是"male"，那么genderValue的值将为"male"。需要注意的是，如果单选框没有被选中，genderValue将返回undefined。同理，我们也可以通过类似的方法获取复选框的值。如果有一个名为"hobby"的复选框组，其选项包括"reading"、"writing"、"swimming"等，那么我们可以通过以下代码来获取选中的复选框的值：
var hobbies = document.getElementsByName("hobby");
    var selectedHobbies = [];
    for (var i = 0;
     i在这里，.push()方法用于将选中的复选框的值保存在数组selectedHobbies中。如果选中了"reading"和"swimming"两个选项，那么selectedHobbies的值将为["reading", "swimming"]。三、获取下拉列表的值获取下拉列表的值也是常见的Javascript操作之一。假设我们有一个名为"city"的下拉列表，其中包含三个选项："Beijing"、"Shanghai"和"Guangzhou"。我们可以通过以下代码来获取选中的下拉列表的值：
var city = document.getElementById("city");
    var cityValue = city.options[city.selectedIndex].value;
    
在这里，.getElementById()用于获取DOM节点，而.selectedIndex方法返回选中的选项的索引值，options[]则代表下拉列表的选项。如果选中了"Shanghai"，那么cityValue的值将为"Shanghai"。总之，Javascript获取控件的值是在网页中实现动态效果必学的技能之一。无论是获取输入框的值、单选框或复选框的值，还是获取下拉列表的值，都可以通过类似的方法进行操作。熟练掌握这些操作，将让网页的交互体验更加丰富多彩。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！