在js中单选框和复选框获取值的方式

最新推荐文章于 2021-02-21 09:06:19 发布

原创最新推荐文章于 2021-02-21 09:06:19 发布 · 848 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #user

ASP.NET 专栏收录该内容

90 篇文章

订阅专栏

本文介绍了一种使用JavaScript操作HTML表单的方法，包括获取表单元素的值、处理单选按钮和复选框的选择状态、更新图片源及文本区域的内容等。通过具体示例展示了如何利用getElementById和getElementsByName方法实现这些功能。

// JavaScript Document 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; }