☰

Javascriptまたはコンソールですべてのチェックボックスを選択する 質問する

tag-icon • tag-icon javascript html checkbox dom-events
Javascriptまたはコンソールですべてのチェックボックスを選択する 質問する

私の Web ページには 100 個のチェックボックスがあります。テスト目的で、これらすべてのボックスにチェックを入れたいのですが、手動でクリックするのは時間がかかります。チェックを入れる方法はありますか?

JavaScript や Chrome コンソール ウィンドウなどでしょうか?

ベストアンサー1

最も直接的な方法は、すべての入力を取得し、チェックボックスだけをフィルターして、チェックされたプロパティを設定することです。

var allInputs = document.getElementsByTagName("input");
for (var i = 0, max = allInputs.length; i < max; i++){
    if (allInputs[i].type === 'checkbox')
        allInputs[i].checked = true;
}

もしjQueryを使っているなら（テストのためにチェックボックスをすべてチェックするだけのために始めればいいと言っているわけではありませんが）、次のようにすればいいのです。

$("input[type='checkbox']").prop("checked", true);

あるいはFabricioが指摘するように:

$(":checkbox").prop("checked", true);

おすすめ記事