本文介绍在JavaScript中如何获取单选框和复选框的值。通过document.getElementById获取元素,利用getElementsByName遍历单选框组,检查checked属性判断选中状态,并读取value属性获取具体值。同时演示了复选框的多选值拼接及图片路径和文本域值的获取方法。
JavaScript中获取单选框与复选框值的方法
示例代码如下:
// JavaScript 文档
function sub1()
{
// 通过 Form 名称直接引用 form 对象
//form1.method = "get";
// 将 form 名称作为 document 对象的属性来引用 form 对象,
// 并用 user 作为 form 对象的属性来引用名为 user 的文本框元素对象
// document.form1.user.value = "lisi";
var s1=document.getElementById("s1");
var s2=document.getElementById("s2");
var s3=document.getElementById("s3");
var s4=document.getElementById("s4");
var s5=document.getElementById("s5");
s1.innerText= document.getElementById("text1").value;
var obj = document.getElementsByName("radio");
for(var i = 0; i < obj.length; i++)
{
if(obj[i].checked)
{
s2.innerText =obj[i].value;
}
}
var obj1 = document.getElementsByName("fuxuan");
for(var i = 0; i < obj1.length; i++)
{
if(obj1[i].checked)
{
s3.innerText+=obj1[i].value+' ';
}
}
s4.src=document.getElementById("photoFile1").value;
s5.innerText=document.getElementById("ta1").value;
}