jquery配列の格納されたチェックボックスが応答しない

Question

私はグループのチェックボックスを格納した後、これらのボックスにイベントを追加することはできません私は何か間違っていると思う..いずれか正しい私のコード？

ユーザーがチェックボックスをクリックした後、他のグループに切り替えた場合、さらにグループをチェックすることができます（最大4つまで許可）。残りのグループはチェックを外す必要があります。選択したグループから4を確認します。

私はこれをグループ化しています。次に、無効にする必要があり、4つの選択肢を許可するようにグループ化できません。

var geoGroup = []; 

$('input:checkbox','#geography').each(function(i){ 
    if(typeof geoGroup[$(this).attr('name')] == 'undefined') 
     geoGroup[$(this).attr('name')] = []; 
    geoGroup[$(this).attr('name')].push($(this)); 

    $('input:checkbox',geoGroup[$(this).attr('name')]).live('click', function(){ 
     alert('hi') 
    }) 
}) 

Answer 1

あなたはjQueryの1.7を使用on()を使用しているのではなくlive()として生きる廃止予定されている場合。以下は配列を使用せず、単に他のグループのチェックを外します。

は、各グループがクラス= 'checkgroup' がコンテナに包まれていることを前提とし

デモ：http://jsfiddle.net/dqQwB/1/

$('#geography').on('change', 'input:checkbox', function() { 
    $('.checkgroup').not($(this).closest('.checkgroup')).find('input:checkbox').prop('checked', false); 
}); 

Answer 2

マイナークリーンアップでは、正常に動作します。 http://jsfiddle.net/imsky/j87Sx/1/

var geoGroup = []; 
$("input:checkbox", "#geography").each(function() { 
    var name = $(this).attr("name"); 
    if (name != null) { 
     geoGroup[name] = $(this); 
     geoGroup[name].click(function() { 
      alert("hello"); 
     }); 
    } 
}); 

Answer 3

：マイナーなバグがその中に（私の例で繰り返し）あなたの元のコードにあります、あなたは、配列項目に子がないので、横断する必要がないときに、配列項目のコンテキストを使用してトラバース

あなたが望むものを得るために配列を必要としません。

 $('input:checkbox', "#geography").each(function(i){ 
      $(this).click(function(){ 
       var name = $(this).attr('name'); 
       $('input:checkbox', "#geography").each(function(i){ 
        if($(this).attr('name') != name){ 
         $(this).attr("checked", false); 
        } 
       }); 
      }) 
     });