タグ

2014年5月27日のブックマーク (2件)

  • jqueryでyes/noチャートを作る方法 - EZ-SPARROW

    August 28, 2013 Jul 24, 2018 jqueryでyes/noチャートを作る方法をご紹介する。 そもそもこのチャートの呼び名が一般的かは不明だが 「はい いいえチャート」とも呼ばれているようだ。 サンプルデモは複数の答えを想定しているため厳密にはyes/noチャートではないのだが、構造は同じ。 やりたい事は、扱うサービスや商品が多い場合に、 「ユーザに質問に直感的に答えていただき、適合するサービスへと誘導する。」 といった感じ。ノンプログラマーのためかなり強引なコードかも知れないが やりたいことが実現できたので紹介していこうと思う。 解説がいまいち分かりづらいのでまずはデモをご覧あれ。 See the Pen XBRZvd by ez-sparrow (@ez-sparrow) on CodePen. 大まかな流れ 質問と質問に対する答え(選択肢)をdivで囲う。 全

  • イヌでもわかるJavaScript講座 | checkbox

    【リスト】 <script language="JavaScript"><!-- function myCheck(){ myCnt=0; // チェックした数 for (i=0; i<document.myForm.length-1; i++){ // チェックボックスの数分ループ if (document.myForm.elements[i].checked == true){ // チェックはオンか? myCnt++; // チェック数 加算 } } if ( myCnt == 0 ) myMess="正常"; // チェックは 無し(ゼロ) else if ( myCnt <= 2 ) myMess="ちょヤバ"; // チェックは 1以上2以下 else if ( myCnt <= 4 ) myMess="危険気味"; // チェックは 3以上4以下 else myMess="