アレイ内の別のチェックボックスをオンにした後にチェックボックスを無効にする方法

Question

name="check_yes[]"のチェックボックスをオンにした後、name="check_no[]"でチェックボックスを無効にするにはどうすればよいですか？

<tr> 
    <td colspan="" width="6%"> 
    <center> 
     <input type="checkbox" name="check_yes[]" value="yes"> 
    </center> 
    </td> 
    <td colspan="" width="6%"> 
    <center> 
     <input type="checkbox" name="check_no[]" value="no"> 
    </center> 
    </td> 
</tr> 

Answer 1

あなたは隣の子のチェックボックスを取得するためにclosest()とfind()の組み合わせを使用して、prop()を使用してそれを無効にし、このようなものができます。これは

$('table :checkbox').change(function() { 
 
    $(this).closest('tr').find(':checkbox').not(this).prop('disabled', true); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td colspan="" width="6%"> 
 
     <center> 
 
     <input type="checkbox" name="check_yes[]" value="yes"> 
 
     </center> 
 
    </td> 
 
    <td colspan="" width="6%"> 
 
     <center> 
 
     <input type="checkbox" name="check_no[]" value="no"> 
 
     </center> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 2

$("table [name='check_yes[]']").change(function() { 
    if($(this).is(":checked")) { 
     $("[name='check_no[]']").prop('disabled', true); 
    } 
}); 

check_yes []を待ち受け、他のすべてのcheck_no []を無効にします電子それはあなたのhtmlコードに

Answer 3

function enab1() { 
document.getElementById("check_no").disabled = true; 
} 
function enab2() { 
document.getElementById("check_yes").disabled = true; 
} 

を確認した場合

<input type="checkbox" name="check_yes[]" value="yes" onclick="enab1()"> 
<input type="checkbox" name="check_no[]" value="yes" onclick="enab2()"> 

この意志は