iEhohs DokuWiki

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

ユーザ用ツール

サイト用ツール


javascript:onchange-get-checkbox

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

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