最初の選択（CLICK）でチェックボックスを無効/有効にできません - Jquery

Question

問題があります。チェックボックス（受取人）を選択すると、同じ列チェックボックスを持つ別の行を無効/有効にする必要があります。 問題＃1：最初の選択時にチェックボックスを無効/有効にすることができません。しかし、チェックボックスを選択すると、2回目のクリックで作業します。 問題＃2：ページをもう一度ロードすると、以前にチェックされたチェックボックス付きの値がチェックマーク付きの無効として表示されます。私はそれをチェックしないで無効にする必要があります。

以下は私のコードです：

関数onPayeeChkChange（）{

jQuery(document).ready(function() { 

    $('#tblHousehold tr td#tdpayee input:checkbox').click(function(){ 

     var $inputs = $('#tblHousehold tr td#tdpayee input:checkbox')        
      if($(this).is(':checked')){ 
       $inputs.not(this).prop('disabled',true); // <-- disable all but checked one 
        }else{ 
         $inputs.prop('disabled',false); // <-- 
         } 

         }); 
          }); 

         } 

ない私が見逃しているのかわから、あなたの迅速な対応をいただければ幸いです。ありがとう... !!!

Answer 1

これはあなたが探しているものですか？

注：チェックボックスを無効にすると、後で再利用することはできません。無効にする必要がある場合は、ループ内に.prop('disabled', true)を追加するだけです。

$(function() { 
 
    $(':checkbox').click(function() { 
 
    \t var input = $(this), td = input.closest('td'), table = td.closest('table'); 
 
     // get index of the cell relative to its parent row 
 
     var i = td.index(); 
 
     // loop through each row 
 
     $('tr', table).each(function() { 
 
    \t  // uncheck the row's ith cell's checkbox 
 
    \t  $('td:eq(' + i + ') :checkbox', this).not(input).prop('checked', false); 
 
     }); 
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td> 
 
     <input type="checkbox"> 
 
    </td> 
 
    <td><input type="checkbox"></td> 
 
    </tr> 
 
    <tr> 
 
    <td><input type="checkbox"></td> 
 
    <td><input type="checkbox"></td> 
 
    </tr> 
 
    <tr> 
 
    <td><input type="checkbox"></td> 
 
    <td><input type="checkbox"></td> 
 
    </tr> 
 
</table>