チェックボックスのテーブルがあり、各行で 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);
}
});
助言がありますか?よろしくお願いします。