1つのチェックボックスをクリックして他のチェックボックスを無効にするにはどうすればよいですか？

Question

どうすればいいですか？

• Replacement of Registrationをクリックすると、Good Moral CertificateをクリックするとHonorable DismissalとEntrance Exam
• を無効にする、Honorable Dismissal場合CUE Requestを無効にし、Transcript of RecordをクリックするとDiploma、CUE Request、CMI Request、Entrance Exam
• を無効にし、Entrace Exam
• を無効にし、 CMI Request,Entrance Exam
• Entrance Exam場合は、すべての

---

<input type="checkbox" name="ac_description[]" value="Replacement_of_Registration"> 
<input type="checkbox" name="ac_description[]" value="Good_Moral_Certificate"> 
<input type="checkbox" name="ac_description[]" value="Honorable_Dismissal " > 
<input type="checkbox" name="ac_description[]" value="Transcript_of_Record"> 
<input type="checkbox" name="ac_description[]" value="Diploma"> 
<input type="checkbox" name="ac_description[]" value="CUE_Request"> 
<input type="checkbox" name="ac_description[]" value="CMI_Request"> 
<input type="checkbox" name="ac_description[]" value="Entrance_Exam"> 
<input type="checkbox" name="ac_description[]" value="School_fees-Medical/Dental_Laboratory"> 
<input type="checkbox" name="ac_description[]" value="School_fees-Transcript/Honorable"> 
<input type="checkbox" name="ac_description[]" value="School_fees-Library"> 
<input type="checkbox" name="ac_description[]" value="Affiliation_Fees"> 

Answer 1

を無効にするあなたは、例えば、入力タグの最後に無効置きます：

<input type = "checkbox"name = "ac_description[]" value = "Good_Moral_Certificate" > 
<input type = "checkbox" name = "ac_description[]" value = "Honorable_Dismissal " > 
<input type = "checkbox" name = "ac_description[]" value = "Transcript_of_Record"> 
<input type = "checkbox" name = "ac_description[]" value = "Diploma" disabled> 

第四チェックボックスは無効になります。 jQueryを使って操作できます。 jQueryを使用すると、チェックボックスがオンになったときにイベントが発生し、無効な属性が他のボックスに適用されます。 Disable/enable an input with jQuery?

グループを無効にする場合は、各入力グループにクラスを割り当て、jQueryを使用してグループを変更します。同様に、この記事を見てみましょう：Catch checked change event of a checkboxここ

は、あなたがしようとする場合がありますものの例である：

$('.class_name').each(function(){ 
$this.onClick(function(){ 
if($(this).is(':checked')){ 
    $('.class_name').each(function(){ 
    if($(this).not(':checked')){ 
     $(this).prop('disabled', true); 
    } 
    }) 
} 

}） }）;あなたの質問から理解いただきましたから、このコードスニペットつなぎ

Answer 2

、

$("input[type='checkbox']").click(function(){ 
    var val = $(this).attr('value'); 
    switch(val) { 
    case 'Replacement_of_Registration': 
    if($(this).is(':checked')) 
     $("input[value='Honorable_Dismissal '], input[value='Entrance_Exam']").prop('disabled',true); 
    else 
     $("input[value='Honorable_Dismissal '], input[value='Entrance_Exam']").prop('disabled',false); 
    break; 
    case 'Good_Moral_Certificate': 
    if($(this).is(':checked')) 
     $("input[value='Entrance_Exam']").prop('disabled',true); 
    else 
     $("input[value='Entrance_Exam']").prop('disabled',false); 
    break; 
    case 'Honorable_Dismissal ': 
    if($(this).is(':checked')) 
     $("input[value='Diploma'], input[value='CUE_Request'], input[value='CMI_Request'], input[value='Entrance_Exam']").prop('disabled',true); 
    else 
     $("input[value='Diploma'], input[value='CUE_Request'], input[value='CMI_Request'], input[value='Entrance_Exam']").prop('disabled',false); 
    break; 
    case 'Transcript_of_Record': 
    if($(this).is(':checked')) 
     $("input[value='CUE_Request'], input[value='CMI_Request'], input[value='Entrance_Exam']").prop('disabled',true); 
    else 
     $("input[value='CUE_Request'], input[value='CMI_Request'], input[value='Entrance_Exam']").prop('disabled',false); 
    break; 
    case 'Entrance_Exam': 
    if($(this).is(':checked')) 
     $("input[name='ac_description[]']").not(this).prop('disabled',true); 
    else 
     $("input[name='ac_description[]']").not(this).prop('disabled',false); 
    break; 
});