0

チェックボックスのテーブルがあり、各行で 3 つのうち 1 つだけをチェックしたい。コードを書きましたが、すべての行でうまく機能しますが、2行目のチェックボックスをオンにすると、最初の行のチェックボックスがオフになります。

コードはhttp://jsfiddle.net/annakoutli/Zp4d5/1/で確認できます

ここにHTMLがあります

            <td class="col_featured-ad"><input type="checkbox" id="featured3_ad2" class="radio2 price featured3" value="featured3_ad2" name="featured_ad2" />
            </td>
            <td class="col_featured-ad"><input type="checkbox" id="featured7_ad2" class="radio2 price featured7" value="featured7_ad2" name="featured_ad2" />
              </td>
            <td class="col_featured-ad"><input type="checkbox" id="featured15_ad2" class="radio2 price featured15" value="featured15_ad2" name="featured_ad2" />
              </td>
          </tr>

ここにjQueryがあります

  $('input.radio1:checkbox').change(function(){
    var $group = $('input.radio1:checkbox');
    if($(this).is(':checked')){
        $group.not($(this)).attr('checked',false);
    }
});

$('input.radio2:checkbox').change(function(){
    var $group = $('input.radio2:checkbox');
    if($(this).is(':checked')){
        $group.not($(this)).attr('checked',false);
    }
});

助言がありますか?よろしくお願いします。

4

2 に答える 2