JQuery - 行ごとにチェックボックスを有効/無効にする

Question

利用可能なサービスのテーブルリストを返すクエリがあります。返されるサービスの各テーブル行には、Book、Send Info、No Thanksという3つのチェックボックスがあります。ユーザーが行の1つでチェックボックスの1をクリックすると

echo '<td align="center">'.'<input type="checkbox" id="ckBook_'.$i.'" name="ckBook['.$i.']"></input>'.'</td>'; 
echo '<td align="center">'.'<input type="checkbox" id="ckSendInfo_'.$i.'" name="ckSendInfo['.$i.']" class="group1_'.$i.'"></input>'.'</td>'; 
echo '<td align="center">'.'<input type="checkbox" id="ckNoThanks_" name="ckNoThanks['.$i.']" class="group1_'.$i.'"></input>'.'</td>'; 

、その後、同じ行の他のチェックボックスは、彼らが有効にする必要がありそうでない、無効にする必要があります。私はラジオボタンを使用しようとしましたが、ブックのチェックボックスは底部の合計を返しています。ラジオボタンを使用すると、合計機能が失われます。

私は研究して、私が解決策にかなり近いと思っています。私はこのサイトで見つけたいくつかのコードを修正しましたが、最初の列のチェックボックス（任意の行）が選択されているときは、現在は2番目と3番目の列にのみ影響します。

$(function() { 
enable_cb(); 
$('input[id^=ckBook_]').click(enable_cb); 
$('input[id^=ckSendInfo_]').click(enable_cb); 
$('input[id^=ckNoThanks_]').click(enable_cb); 
}); 

function enable_cb() { 
if (this.checked) 
    { 
    $("input.group1_0").attr("disabled", true); 
    } 

else 
    { 
    $("input.group1_0").removeAttr("disabled"); 
    $("input.group1_1").removeAttr("disabled"); 
    } 

} 

Answer 1

UPDATEこの

function enable_cb() { 
    if ($(this).is(':checked')){ 
     $("input.group1_0").attr("disabled", true); 
     }else{ 
     $("input.group1_0").attr("disabled", false); 
     $("input.group1_1").attr("disabled", false); 
     } 
    } 

を試してみてください。

$(':checkbox').click(function(){ 
    var elems = $(this).parents('tr').find(':checkbox'); 
    elems.not($(this)).attr('disabled',$(this).is(':checked')); 
}); 

Answer 2

この単純なコードはそれを行います。

// bind a click handler on any of those checkboxes 
// withint the table #tableID 
$('input[type=checkbox]', '#tableID').click(function(e) { 

    // 'this' is the clicked checkbox 
    $(this).closest('tr') 
     // go to the TR parent and find all checkboxes, 
     // but exclude myself with .not() 
     .find('input[type=checkbox]').not(this) 
     // use .prop() to set special attributes like disabled 
     .prop('disabled', this.checked); 

}); 

DEMO

さらに読書：

• .closest()
• .not()
• .prop()