• はてなアカウントでログイン
• 無料ユーザー登録

みんなの回答

• khazad-Lefty2014/10/19 17:03:30

  満足500pt

  jQueryは条件に当てはまるもの全てに対して適用されます。
  tdのclickで
  

  $(this).children('td').children('input[type=checkbox]')
  

  は、「配下の（すべての）tdの配下の（すべての）チェックボックス」というあつかいになるので、

  <tr><td>1回</td>
      <td>1問</td>
      <td>赤いのはどれか<BR>
          <input type="checkbox">a りんご<BR>
          <input type="checkbox">b みかん<BR>
        </td>
  </tr>
  

  だと、チェックボックスすべてが対象になります。
  
  じゃあどうすればいいかというと、一例として、クリックの適用範囲をspanでくくって、その配下のみで処理を完結させるとかがあるかと。

  <tr><td>1回</td>
      <td>1問</td>
      <td>赤いのはどれか<BR>
          <span class="checkItem" ><input type="checkbox">a りんご</span><BR>
          <span class="checkItem" ><input type="checkbox">b みかん>/span><BR>
        </td>
  </tr>
  

  で、

  $('span .checkItem').click(function() {
    var c = $(this)..children('input[type=checkbox]');
      if(c.prop('checked'))
          c.prop('checked', '');
      else
          c.prop('checked', 'checked');
  }); 
  

  とか。
  
  とはいえ、jQueryを使うこと自体が目的ではないのなら、
  単純にHTMLのLabelを使ったほうがいろいろ楽じゃないかとおもいます。
  ラベル <LABEL> - HTMLタグリファレンス/Tips

  スター

  • 

    7件のコメントを見る

  • Lhankor_Mhy 2014/10/19 17:36:46

    余談ですが、iPhoneのSafari、Label効かないんですよね。スマホ対応にするにはどの道スクリプトを書かないといけない……
    http://qiita.com/ituki_b/items/8a0cd4fc5021faca7210

    スター

  • takanii 2014/10/19 17:53:35

    labelだとチェックボックス全てにid　を振らないといけないので大変だったのでjqueryを検討していました

    スター

  • Lhankor_Mhy 2014/10/19 18:01:04

    連続で横から失礼します。
    最近のブラウザなら、labelタグはネストしておけば、idとかname属性いらないですよ。

    スター

  • takanii 2014/10/19 18:36:47

    すみません ネストについて　詳細を教えていただけないでしょうか？

    スター

  • Lhankor_Mhy 2014/10/19 18:42:53

    テスト

    <label><input type="checkbox"/>テスト</label>
    

    これでラベルをクリックしても反応すると思います。
    ただし、iOSのSafariは先に書いたとおりです。

    スター

  • takanii 2014/10/19 18:45:53

    あ！できました
    もしかしてこういうことですか？
    http://jsfiddle.net/gmb65/21/

    スター

  • takanii 2014/10/19 18:48:33

    ありがとうございます！

    スター

この質問へのコメント

質問の情報

登録日時

2014-10-19 13:48:05

終了日時

2014-10-26 13:50:03

回答条件

1人1回まで

この質問のカテゴリ

• ウェブ制作

この質問に含まれるキーワード

人気の質問

• この英文どうなってますか？ The boy seemed to be waiting for his mother to come.（その少年は母親が来…匿名質問者312日前
• 不定詞の形容詞的用法らしいんですけど、副詞的用法と書いたら✖️ですか？ I want to buy a book to read …匿名質問者112日前
• 日向陽葵という○V女優が好きなのですが似ている○V女優はいますか匿名質問者1日前
• 共通テストで使われるプログラミング言語は共通テスト特有の言語と聞いたのですが、受験勉強で身につけたプ…匿名質問者211日前
• 内定してほしいポケモンはいますか？匿名質問者1日前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ