第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何獲取在 Javascript 中使用表單對象選中的復(fù)選框的值

如何獲取在 Javascript 中使用表單對象選中的復(fù)選框的值

湖上湖 2022-09-23 10:08:08
我是 Javascript 的初學(xué)者,我的 Javascript 表單對象有問題。如何遍歷整個表單對象,僅選擇用戶選中的元素。到目前為止,我已經(jīng)嘗試了以下內(nèi)容://Gets the selected checkbox values:function getCbValues() {    var chkMouse = document.getElementById("chkMouse");    var chkKeyboard = document.getElementById("chkKeyboard");    var chkDVD = document.getElementById("chkDVD");    var chkSound = document.getElementById("chkSound");    var myFormElem = myForm.elements;    for (var i = 0; i < myFormElem.length; i++) {        if (myFormElem[i].type == "checkbox") {            if (myFormElem.checked == true) {                if (myFormElem[i].elementId == chkMouse) {                    alert("This is the Mouse");                }                if (myFormElem[i].elementId == chkKeyboard) {                    alert("This is the Keyboard");                }                if (myFormElem[i].elementId == chkDVD) {                    alert("This is the DVD");                }                if (myFormElem[i].elementId == chkSound) {                    alert("This is the Sound");                }            } else {                alert("Nothing");            }        }    }}我已經(jīng)為所有不同的復(fù)選框Id聲明了所有var。這是一個網(wǎng)頁:<form action="" name="form1"> <!--Checkbox table-->    <table>        <!--Select Add on Item's-->        <tr class="firstHeader">            <th colspan="3">                <h3>Select Add On Items (Optional):</h3>            </th>        </tr>        <tr>            <th colspan="2">Add On Items</th>        </tr>        <tr>            <td><label>Mouse</label>                <td><input type="checkbox" name="chkMouse" value="Mouse" id="chkMouse" price="31" /></td>        </tr>        <tr>            <td><label>Keyboard</label></td>            <td><input type="checkbox" name="chkKeyboard" value="Keyboard" id="chkKeyboard" price="42" /></td>        </tr>如您所見,我已將表單放入表中。但我的問題是,每當(dāng)我運行Javascript時,返回的值總是空值或未定義。我的問題是,如何在Javascript中使表單對象循環(huán)所有這些元素,最終只返回選中的復(fù)選框的值。有人可以幫我解決這個問題嗎?提前致謝??!
查看完整描述

1 回答

?
慕妹3146593

TA貢獻(xiàn)1820條經(jīng)驗 獲得超9個贊

您沒有得到任何返回的原因是您的 getCbValues() 函數(shù)在您顯示的代碼中的任何位置都沒有被調(diào)用。即使它是,它也只會顯示當(dāng)前狀態(tài),因為您尚未設(shè)置任何內(nèi)容來響應(yīng)更改。


我要做的是設(shè)置事件偵聽器以檢測何時選中復(fù)選框,然后對該信息執(zhí)行某些操作。您應(yīng)該在任何功能之外執(zhí)行此操作。


您可以像這樣設(shè)置事件偵聽器:


var chkMouse = document.getElementById("chkMouse");

chkMouse.addEventListener('change', () => {

        alert('this is the mouse')

      })

假設(shè)您要使用選中的數(shù)據(jù)提交表單,則可能會將項目添加到數(shù)組中,然后在提交時將其作為表單數(shù)據(jù)提交。


此外,您可能希望檢查是否有人取消檢查您的項目。你可以這樣做:


chkMouse.addEventListener('change', () => {

        if (chkMouse.checked) {

          alert('mouse added')

        } else {

          alert('mouse removed')

        }

      })


查看完整回答
反對 回復(fù) 2022-09-23
  • 1 回答
  • 0 關(guān)注
  • 142 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號