form表單的JS交互

讀取表單的值

function showFormValue(){
            var form = document.forms["myform"];
            alert(form.name.value);
            alert(form.xb.value);
        //debugger;斷點(diǎn)檢查
            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 = "請(qǐng)輸入個(gè)人簡(jiǎn)介";
            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;
                
            }
            
            
        }

給按鈕注冊(cè)一個(gè)事件

window.onload = function(){
            //獲取按鈕對(duì)象
            var subBtn = document.getElementById("subBtn");
            subBtn.onclick = showFormValue;
            
            setFormValue();
}


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子溯乒,更是在濱河造成了極大的恐慌飘千,老刑警劉巖纷闺,帶你破解...
    沈念sama閱讀 211,290評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件抢韭,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡艘狭,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門翠订,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)巢音,“玉大人,你說(shuō)我怎么就攤上這事尽超」俸常” “怎么了?”我有些...
    開封第一講書人閱讀 156,872評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵似谁,是天一觀的道長(zhǎng)傲绣。 經(jīng)常有香客問(wèn)我,道長(zhǎng)棘脐,這世上最難降的妖魔是什么斜筐? 我笑而不...
    開封第一講書人閱讀 56,415評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮蛀缝,結(jié)果婚禮上顷链,老公的妹妹穿的比我還像新娘。我一直安慰自己屈梁,他們只是感情好嗤练,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評(píng)論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著在讶,像睡著了一般煞抬。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上构哺,一...
    開封第一講書人閱讀 49,784評(píng)論 1 290
  • 那天革答,我揣著相機(jī)與錄音战坤,去河邊找鬼。 笑死残拐,一個(gè)胖子當(dāng)著我的面吹牛途茫,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播溪食,決...
    沈念sama閱讀 38,927評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼囊卜,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了错沃?” 一聲冷哼從身側(cè)響起栅组,我...
    開封第一講書人閱讀 37,691評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎枢析,沒(méi)想到半個(gè)月后玉掸,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,137評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡醒叁,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評(píng)論 2 326
  • 正文 我和宋清朗相戀三年排截,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片辐益。...
    茶點(diǎn)故事閱讀 38,622評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡断傲,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出智政,到底是詐尸還是另有隱情认罩,我是刑警寧澤,帶...
    沈念sama閱讀 34,289評(píng)論 4 329
  • 正文 年R本政府宣布续捂,位于F島的核電站垦垂,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏牙瓢。R本人自食惡果不足惜劫拗,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望矾克。 院中可真熱鬧页慷,春花似錦、人聲如沸胁附。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)控妻。三九已至州袒,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間弓候,已是汗流浹背郎哭。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工他匪, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人夸研。 一個(gè)月前我還...
    沈念sama閱讀 46,316評(píng)論 2 360
  • 正文 我出身青樓诚纸,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親陈惰。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 表單基礎(chǔ)知識(shí) 在HTML中毕籽,表單是由 元素來(lái)表示的抬闯,而在JS中,表單對(duì)應(yīng)的則是HTMLFormElement類型关筒。...
    oWSQo閱讀 904評(píng)論 0 1
  • 國(guó)家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報(bào)批稿:20170802 前言: 排版 ...
    庭說(shuō)閱讀 10,926評(píng)論 6 13
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理溶握,服務(wù)發(fā)現(xiàn),斷路器蒸播,智...
    卡卡羅2017閱讀 134,629評(píng)論 18 139
  • 甲午戰(zhàn)爭(zhēng)清政府的失敗和《馬關(guān)條約》的簽訂對(duì)于中華民族的影響絕對(duì)是災(zāi)難性的,它不僅使中國(guó)的國(guó)際地位一落千丈包雀,嚴(yán)重打擊...
    走向前方的路閱讀 778評(píng)論 0 0
  • 復(fù)盤: 漲價(jià):方大碳素有色:西藏礦業(yè)宿崭,鋁鋼鐵:華鐵科技,寶鋼才写,馬鋼煤炭:運(yùn)煤能源葡兑,上海能源,山西焦化證券:第一創(chuàng)業(yè)...
    天涯別院閱讀 180評(píng)論 0 0