js从表单元素取值
这里主要讲js从表单元素取值的代码,主要讲从以下四个地方取值:文本框text、单选框radio、复选框checkbox、下拉列表select
1. 单选按钮默认值的3种设置:checked,checked="checked",checked="true"
2. 下拉列表默认值的3种设置:selected,selected="selected",selected="true"
3. 取值的3种方式:
document.getElementById("id值").value
document.getElementsByName("name值").value
document.form1.sex;(form1为表单的name值,sex为input标签里的name属性或id属性值)
4. 打印调试的语句
浏览器页面直接打印:alert(str)
浏览器控制台打印(F12在console里可看见):console.log(str);
5. input里的value属性
最终控制台展示的就是value属性定义的值
*******************************************************************************
*******************************************************************************
function getVal(){
varstr="";
//1.获取文本框的值
str="文本框:"+document.getElementById("txt").value+";";
//2.获取单选按钮的值
//varradios = document.form1.sex;
varradios = document.getElementsByName('sex');
varn = radios.length;
for(var i = 0; i < n; i++) {
if(radios[i].checked) {
str+= "单选:"+radios[i].value+";";
}
}
//3.获取复选框中选中的值的组合
varcheckboxs = document.getElementsByName('check[]');
str+="复选框:";
for(var i = 0; i < checkboxs.length; i++) {
if(checkboxs[i].checked) {
str+=checkboxs[i].value;
}
}
str+=";";
//4.获取下拉列表的选中项的值
//方法一:
str+= "列表 一:"+document.getElementById("sel").value+";";
//方法二:
varsel = document.getElementById("sel");
str+= " 列表 二:"+sel.options[sel.selectedIndex].value+";";
alert(str);
console.log(str);
}
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
