美文网首页
form表单的JS交互

form表单的JS交互

作者: 瓦是香蕉妹 | 来源:发表于2016-12-06 22:58 被阅读0次

读取表单的值

function showFormValue(){
            var form = document.forms["myform"];
            alert(form.name.value);
            alert(form.xb.value);
        //debugger;断点检查
            var arr = form.ah;
            var sel = [];
            for(var i=0;i<arr.length;i++){
                if (arr[i].checked==true){
                    sel.push(arr[i].value);
                }
            }
            alert(sel.join(","));
            
            var jn = form.jn.value;
            alert(jn);
            
            var grjj = form.grjj.value;
            alert(grjj);
            
            var hid = form.hid.value;
            alert(hid);
            
            alert(document.getElementById("xm".value));
        }
        
        function setFormValue(){
            var form = document.forms["myform"];
            form.name.value = "林";
            form.jn.value = 2;
            form.grjj.value = "请输入个人简介";
            form.xb.value = 2;
            
            var ahs = form.ah;
            var len = ahs.length;
            for (var i=0;i<len;i++){
                    if(i==0){
                        continue;
                    }
                    if(i==len-1){
                        break;
                    }
                    ahs[i].checked = true;
                
            }
            
            
        }

给按钮注册一个事件

window.onload = function(){
            //获取按钮对象
            var subBtn = document.getElementById("subBtn");
            subBtn.onclick = showFormValue;
            
            setFormValue();
}


相关文章

  • form表单的JS交互

    读取表单的值 给按钮注册一个事件

  • 工作中用到的前端框架插件

    JQUERY 1、jquery.form.js 表单验证2、jquery.validate form表单输...

  • 表单上传的几种方法

    使用form表单进行提交 使用FormData对象 使用jquery.form.js jquery.form.js...

  • HTML表单

    表单(form) 网站怎样与用户进行交互?答案是使用HTML表单(form)。表单可以把浏览者输入的数据传送到服务...

  • 3. HTML form表单的用法

    form表单的作用: 网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送...

  • Python Django中实现前后端数据交互

    实现数据交互有两种方法,分别是form表单和ajax数据交互。这两种方法各有利弊。 form表单的方法使用如下: ...

  • HTML 表单

    form(表单) 说明 Form (表单)是页面与 WEB 服务器交互过程中最重要的信息来源。 属性 action...

  • form表单相关知识

    form表单的作用 form表单中包含众多交互控制原件,可以向服务器提交数据,从而实现用户和服务器的交互。 常用的...

  • html: form表单

    form表单 form表单用于向服务器传输数据,从而实现用户与Web服务器的交互。 表单能够包含input系列标签...

  • hc6(5-1~5-9)

    使用表单标签,与用户交互 网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据...

网友评论

      本文标题:form表单的JS交互

      本文链接:https://www.haomeiwen.com/subject/kmxdmttx.html