当我单击复选框组时显示首选项文本框的 Jquery 代码[关闭]

Question

我正在创建一组具有相同名称的复选框，当我单击一个复选框首选项（文本框）时。或单击两个复选框首选项一和二之后将显示我取消选中现有选中的复选框它将显示首选项一文本框。 我该如何解决这个问题..

我的代码是

<?php
 for($i=1;$i<=10;$i++){
 echo "<input type='checkbox' name='sub_course' value='"$i.".>Sub course".$i;
 }

jquery 代码：

 `$('input[name=sub_course]').on('click',function(e){
    var courses = [];
    $.each($("input[name='sub_course']:checked"), function(){            
    courses.push($(this).val());
    });

    if(courses.length==1){
     $('#preference1').show();
    }else if(courses.length==2){
     $('#preference1').show();
     $('#preference2').show();
    }else{
     $('#preference1').hide();
     $('#preference2').hide();
   }
   });`

这里#preference1 和#preference2 是文本框ID

Answer 1

您忘记在此处隐藏其他输入

if(courses.length==1){
    $('#preference1').show();
}

像这样：

if(courses.length==1){
    $('#preference1').show();
    $('#preference2').hide();
}