必ず選んでもらえるラジオボタン
今回のテーマは、「必ず選んでもらえるラジオボタン」です。
おや?kintone のラジオボタンって、初期選択されているから必ず選んで保存できるのではないの?という疑問の声も聞こえてくるかと思いますが、アンケートやイベント用のアプリでは、利用者に初期選択の項目以外も選んでほしい!ですよね。
そこで、画面からレコードを登録・更新する際に、指定の項目を選択したらエラーとなる JavaScript カスタマイズを紹介します。
デモ環境
cybozu developer network DemoSite
のデモ環境で実際に動作を確認できます。
ログイン情報は
cybozu developer network デモ環境 で確認してください。
完成イメージ
アプリとフィールドの準備
アプリを作成し、次のフィールドを用意します。
フィールドの種類 | フィールド名 | フィールドコード | 項目 |
---|---|---|---|
ラジオボタン | 社員旅行に関して何を希望しますか | Radio |
|
社員旅行の日程や家庭の事情で旅行できない方への配慮として、食事会や記念品も選択に入れました。
プログラム
ポイント
- フォーム内で、制御したいラジオボタンのフィールドコードを列挙することで複数のフィールドでの動作を期待できます。
- フォーム情報を取得する API を使うことで、プログラムを改修することなくフィールドのエラー内容も変わるので便利です。
JavaScript ソースコード
レコード保存時のイベントと制御したいラジオボタンの選択肢を記述しています。
|
|
この Tips は、2023 年 2 月版 kintone で動作を確認しています。