• コミュニティ

  アンケートWidgetで回答を選択できません

  トピックス by widget初心者 1792 pt  2023年9月20日 15:29 199 PV

  【Widget名】

  アンケート（複数選択、選択時背景色が変わる）(アンケート)

  【修正したいこと】

  アンケートWidgetがうまく作動しません。２問目で回答を選択することができません。

  【参考画像】

  https://drive.google.com/file/d/1Xkxes4niif-jSKUJPBRy7L2AOgJxizc2/view

  widgetマスター   1 年, 2 月前 2 人 · 1 コメント

  • widget
  • アンケート
  • アンケート（複数選択、選択時背景色が変わる）
• 1 コメント

• 

  widgetマスター

  モデレータ

  2023年9月21日 11:44

  アンケートWidgetをうまく作動させるためには、以下にの２点に気を付ける必要がございます。

  • 設問毎に同じ name属性の値に設定する　　
    • 同じ設問内でバラバラな name 属性であると、うまく作動しません。

  • inputに設定したidの値と labelに設定したforの値はど同ページ内で一意のものにする
    • input と label で 1セットになり、inputに設定したidの値と labelに設定したforの値で紐付けを行います。同じページ内ではこの1セットが一意になるように設定をする必要がございます。選択肢に設定するidとforの値が重複すると、うまく作動しません。

  具体的には、以下のようにコードを変更してみてください。

  [Q2]
  <input type="checkbox" id="q2-01" name="q2">
  <label for="q2-01">記憶力の低下を感じるため</label>
  <input type="checkbox" id="q2-02" name="q2">
  <label for="q2-02">家族や親戚に記憶力の低下を感じ不安があるため</label>
  <input type="checkbox" id="q2-03" name="q2">
  <label for="q2-03">予防として</label>
  <input type="checkbox" id="q2-04" name="q2">
  <label for="q2-04">医師や専門家のおすすめ</label>
  <input type="checkbox" id="q2-05" name="q2">
  <label for="q2-05">開発者や企業のこだわり</label>

Log In to Reply