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();
}

Jquery 单击复选框组时显示首选项文本框的代码

Jquery code for show the preference text box when i click the group of check box

jquery

checkboxlist