<html lang="ja-jp" dir="ltr"><head></head><body>### [フォーム内のチェックボックスの選択数を数える方法](https://wpforms.com/developers/how-to-count-checkbox-selections-inside-your-form/)

**公開日:** 2021年6月2日
**著者:** エディトリアルチーム

**抜粋:** このチュートリアルでは、フォーム内のチェックボックスの選択数を動的にカウントする方法を説明します。

**コンテンツ:**

## はじめに

フォーム内のチェックボックスの選択数を数えたいですか？簡単なスニペットを使用すると、選択が行われるたびに増減する選択数をフォームに自動的に表示できます。このチュートリアルでは、これを達成するための各ステップを説明します。

## フォームの作成

まず、新しいフォームを作成し、フォームに**チェックボックス**フィールドを追加する必要があります。フォームの作成方法がわからない場合は、[このドキュメントを参照してください](https://wpforms.com/docs/creating-first-form/ "最初のフォームの作成")。

![まずフォームを作成し、少なくとも1つのチェックボックスフィールドを含むフィールドを追加します](https://wpforms.com/wp-content/uploads/2022/06/wpforms-creating-form-count-selections.jpg)

## チェックボックスの選択数を保持するフィールドの追加

次に、選択が行われるたびにカウントを保持するフィールドをフォームに追加します。

フォームにカウントを保持するために、**一行テキスト**フォームフィールドを追加します。

![チェックボックスの選択数を保持するために、フォームに一行テキストフィールドを追加します](https://wpforms.com/wp-content/uploads/2022/06/wpforms-count-container.jpg)

## サイトへのスニペットの追加

次に、選択がチェックまたはチェック解除されるたびにカウントを更新するスニペットをサイトに追加します。

スニペットをサイトに追加する方法がわからない場合は、[このチュートリアルを参照してください](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "WPForms用のカスタムPHPまたはJavaScriptの追加方法")。

```

/*
 * チェックボックスの選択数を数える
 *
 * @link  https://wpforms.com/developers/how-to-count-checkbox-selections-inside-your-form/
 */

function wpf_dev_checkbox_count() {
    ?&gt;

**カテゴリー:** チュートリアル

**タグ:** Javascript, JS

---</body></html>