チェックボックスの選択数を制限する

Checkboxesフィールドでユーザーが選択できるチェックボックスの数を制限したいですか?通常、Checkboxesフィールドでは、いくつでもチェックボックスを選択することができますが、状況によっては、選択可能な数を制限したい場合があります。

このチュートリアルでは、選択できるチェックボックスの数を簡単に制限する方法を紹介します。

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。

このフォームのデモをお試しください!

最も興味のある科目を2つお選びください:

この機能のライブプレビューを見るには、コミュニティガーデン圃場申請書テンプレートをチェックしてください。テンプレートを使用したい場合は、あなたのサイトに簡単にインポートできます。


使い始める前に、まずあなたのWordPressサイトにWPFormsがインストールされ、有効化されていることを確認し、ライセンスを確認する必要があります。その後、フォームビルダーにアクセスするために新しいフォームを作成するか、既存のフォームを編集することができます。

支払いフォームで使用されるチェックボックス項目フィールドの選択肢数を制限したいですか?その場合は、カスタムコードスニペットを使用する必要があります。詳しくは、チェックボックス項目フィールドの選択肢の制限に関する開発者向けドキュメントをご覧ください。

チェックボックス制限の追加

フォームビルダーを開いたら、フォームにチェックボックスフィールドを追加します。

チェックボックス・フィールドを選択

プレビューエリアでこのフィールドをクリックすると、フィールドオプションが開きます。

チェックボックス・フィールドのオプション

次に、フィールドオプションパネルで、Advancedタブをクリックしてフィールドの詳細オプションを開きます。

詳細タブをクリック

次に、「Choice Limit」フィールドに、ユーザーが選択できるチェックボックスの最大数を追加します。この例では、ユーザーを2つの選択肢のみに制限します。

選択肢の追加

選択枠を追加したら、必ずフォームを保存してください。

一度に1つの選択肢しか選択できないようにしたい場合は、複数選択肢フィールドを使用することをお勧めします。詳しくは、複数選択肢フィールドの使用ガイドをご覧ください。

フォームのテスト

このセットアップの最後のステップでは、フォームをテストすることをお勧めします。 テストフォームの詳細ガイドでは、フォームを公開する前に考慮すべき推奨ステップのチェックリストをご紹介しています。

この特別な機能の場合、フォームをテストするときに気づくべき主なことは、バリデーションメッセージです。このメッセージは、ユーザーが選択可能な数を超えた場合に表示されます。ユーザーは正しい数のボックスを選択するまでフォームを送信することができません。

選択回数超過

以上です!チェックボックスフィールドでユーザーがチェックできるボックスの数を制限できるようになりました。

次に、チェックボックスフィールドの他のカスタマイズオプションを試してみたいと思いますか?チェックボックスオプションのランダム化複数列のレイアウトの作成アンケートレポートの有効化に関するチュートリアルをぜひご覧ください。

最高のWordPressドラッグ&ドロップフォームビルダープラグイン

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。