form表单的JS交互

读取表单的值

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();
}


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 918评论 0 1
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 11,082评论 6 13
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,837评论 18 139
  • 甲午战争清政府的失败和《马关条约》的签订对于中华民族的影响绝对是灾难性的,它不仅使中国的国际地位一落千丈,严重打击...
    走向前方的路阅读 812评论 0 0
  • 复盘: 涨价:方大碳素有色:西藏矿业,铝钢铁:华铁科技,宝钢,马钢煤炭:运煤能源,上海能源,山西焦化证券:第一创业...
    天涯别院阅读 180评论 0 0