Read Article

フォームブリッジのラジオボタンからデフォルト値を外すっ!

フォームブリッジのラジオボタンからデフォルト値を外すっ!

夏が終わりますね!お久しぶりです、僕です、トッティです!

今年は雨ばかりでなかなかお出かけもできなかったんじゃないですか?え、ナイトプールが楽しい??え、行ったの?・・僕も行きたいから一緒に連れてってもらえません?僕1人じゃ怖いんですわ。僕もうすぐ誕生日なので、プレゼントだと思って、ね!ほんと!ほんとほんと!本当にいいいいっっ!!!

なにこの下品な感じ 是非行きたい

と、いうわけで、ナイトプールは置いといて、先月リリースしたフォームブリッジはもうお試しになりました?もちろんお試しになりましたよね?

多くの方にご利用いただき、早速いくつかご要望やご相談の声が弊社には届いています。今回はその中でも小ワザで解決できるものをご紹介します。

ラジオボタンの初期値を外したい

初期値を外したいとのこと

ラジオボタンは必須項目であり、択一のフィールドです。kintone側でも初期値が必ず設定されます。なので、「kintoneでもラジオボタンは初期値が必要なので・・・フォームブリッジでも初期値が入るのが仕様です・・」と回答していますが、ちょくちょく同様のご質問・ご要望を受けるようになりました。

曰く、

「初期値を入れるとその回答に引きづられる(初期値のまま回答してしまいがち)」

「回答漏れが、初期値回答として処理されてしまう」

なるほどねぇ〜、と感心していたのですが、この度感心ついでに解決策も紹介します。

JavaScriptで強制的に非選択状態にする

そうです。ラジオボタンフィールドを「非選択」にする機能は無いので、JavaScriptで「非選択」状態にしてしまいます。やってみましょう!

1.JavaScriptをコピーして用意する

これ、手元のテキストエディタにコピーしておいてください。

できました?進めますね。

2.フォームブリッジ側のフィールドコードを確認する

上記JavaScriptの”ラジオボタン”の部分はフォームブリッジ内のフィールドコードを指定します。このフィールドコードを確認しましょう。

「フィールド」をクリック!

まずは、そのフォームの編集画面に進み、「フィールド」の設定に進みます。

次に「フィールドの設定」をぽちっ

今回お目当てであるラジオボタンの「フィールドの設定」に進みましょう。

これがフォームブリッジのフィールドコード

確認できましたね。今回のフィールドコードは”ラジオボタンのフィールドコードだよ”です。

3.「1」でコピーしたJavaScriptにフィールドコードを挿入する

では、JavaScriptに今回のフィールドコードを挿入します。

上記の様になりました。これでJavaScriptの作成自体は完了です。

4.「カスタマイズ」でフォームブリッジに適用する

「カスタマイズ」から「JavaScriptを利用する」へ進もう!

「カスタマイズ」メニューから、今回作成したJavaScriptを適用します。保存した後、プレビューでフォームを見てみましょう、ポチッと!

やった!初期値外れた〜!!

できましたね!初期値選択が外れました。ちゃんと未選択状態だと回答に失敗するか見てみましょう。何も選択せずに、、、、「回答」をぽちっ

ちゃんとエラー

おー、回答が弾かれましたね。これで「初期値を入れるとその回答に引きづられる(初期値のまま回答してしまいがち)」のみならず、「回答漏れが、初期値回答として処理されてしまう」にも対応できたことになりますね。

ちなみに、複数のラジオボタンの初期値を外す際には下記の様に繰り返すだけでOKです。

これで、できるはずです。フォームを見てみますね。

できてる〜

と、言うわけでは、今回はフォームブリッジの「ラジオボタンの初期値を外したい」に対応してみました。初期値の有無のような微妙なことが結果に影響を及ぼしてしまうようなアンケートやユーザーインサイト調査などには丁度良いかも知れません。是非、トライしてみてください。

※このJavaScriptに関してはサポート対象外、動作保証外となっております。ご理解のうえ、お試しください。

そうそう、フォームブリッジは30日のトライアルを受け付けていますよ〜!

それではまた。

2018/06/22追記

ドロップダウンにも適用可能

 

必須設定をしているドロップダウンは、ラジオボタンと同じく第一選択肢が初期値となるのですが、同じJavaScriptを適用することで、初期値を空にすることが可能です。フォームブリッジ内のドロップダウンのフィールドコードをJavaScript内に記述し、適用してみてください。

この記事を書いた人

トッティ
トッティ
トッティです。「開発者ではない。でも、いろいろkintoneを使い倒したい!」そんなあなた、奇遇ですね、僕もです。非開発者としての高みを目指しつつ、その道程を共有致します。

今日も張り切って行きましょう。
URL :
TRACKBACK URL :

COMMENTS & TRACKBACKS

  • Comments ( 4 )
  • Trackbacks ( 0 )
  1. ナイトプールに私も行きたいです
    画像で解説していただけるので、分かりやすいです!

  2. ドロップダウンのこちらの方法を知りたいです!

  3. トッティさん はじめまして。
    最近、フォームブリッジでのアンケートアプリの社用での設計を始めた者です。
    HPの作成などは経験無いのでJSどころかHTMLも覚えながら使っています。

    アンケートの性質上、トッティさんの「ラジオボタンの初期値を外す」はとても良い案な
    ので設定して見ました。

    通常の動作はGoodなのですが、入力内容の「確認画面」を表示した後に「戻る」ボタンで戻ると選択した内容が初期化されていますね。
    アンケート入力後、直したい所があって戻るとこのJSで対象項目が初期化がされる様です。

    ちょっと残念!!

    戻るボタンを押したときは選択後のフィールドデータを引き継ぐ様に出来ればなぁ。

    • じゃんぼさん
      コメントありがとうございます。
      「戻る」で初期化されてしまうのですね。ぐぬぬ、な感じですね(^_^;)
      改修ができないか、確認してみますね!
      できたら、この記事に追記します!

MO への返信 コメントをキャンセル

*
*
* (公開されません)

Return Top