iEhohs DokuWiki

プログラミングや設定方法など、個人的なナレッジを残しておくWikiです。

現在位置: ホーム » JavaScript » チェックボックスが選択されたら値を取得する

javascript:onchange-get-checkbox

目次

チェックボックスが選択されたら値を取得する
- HTML
- JavaScript

チェックボックスが選択されたら値を取得する

HTML

<input type="checkbox" name="hoge" value="ほげ" onchange="onChangeGetCheckBox()" />
<input type="checkbox" name="hoge" value="ふが" onchange="onChangeGetCheckBox()" />
<input type="checkbox" name="hoge" value="ぴよ" onchange="onChangeGetCheckBox()" />

JavaScript

function onChangeGetCheckBox() {
    let elems = document.getElementsByName('hoge');
    for (let i = 0; i < elems.length; i++) {
        if (elems[i].checked === true) {
            alert (elems[i].value);
        }
    }
}

スポンサーリンク

javascript/onchange-get-checkbox.txt · 最終更新: 2024/07/26 21:23 by shimehitsu14