').find('input[type="checkbox"]').val(),
    title = $(this).val() + ",";

  if ($(this).is(':checked')) {
    var html = '<span title="' + title + '">' + title + '</span>';
    $('.multiSel').append(html);
    $(".hida").hide();
  } else {
    $('span[title="' + title + '"]').remove();
        var ret = $(".hida");

        $('.dropdown dt a').append(ret);

    console.log($(this).is(':checked'));
  }

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<dl class="dropdown"> 

                        <dt>
                            <a href="#">
                              <span class="hida">Select</span>    
                              <p class="multiSel"></p>  
                            </a>
                        </dt>

                        <dd>
                            <div class="mutliSelect">
                                <ul>
                                    <li>
                                        <input type="checkbox" value="Palliative/Hospice care" /> Palliative/Hospice care
                                    <li>
                                       <input type="checkbox" value="Prescription therapy" /> Prescription therapy
                                    <li>
                                        <input type="checkbox" value="Physical therapy" /> Physical therapy
                                    <li>
                                        <input type="checkbox" value="Rehabilitation" /> Rehabilitation
                                    <li>
                                        <input type="checkbox" value="Complex wound dressings" /> Complex wound dressings
                                    <li>
                                        <input type="checkbox" value="Tube feeding" /> Tube feeding
                                    <li>
                                        <input type="checkbox" id="personal_grooming" name="personal_grooming"/> Personal grooming
                                    <li>
                                        <input type="checkbox" value="Meal preparations" /> Meal preparations
                                    <li>
                                         <input type="checkbox" value="Assistance in administering medication" /> Assistance in administering medication
                                    </li>
                                    <li>
                                         
') .find('input[type="checkbox"]').val (), 
     title = $ (this).val () + ", "; 

   if ($ (this).is(':checked') ) { 
     var html =' < span title= "' + title +' " >' + title +' < /span >'; 
     $ (' .multiSel').append(html); 
     $ (" .hida").hide (); 
   } else { 
     $ (' span[title= "' + claim +' " ]') .remove (); 
         var ret = $ (" .hida "); 

         $ (' .dropdown dt a').append(ret); 

     console.log($(this).is(':checked') ); 
   } 

 }); 
 < handwriting src="https://ajax.googleapis.com / ajax / libs / jquery/3.2.1 / jquery.min.js"></script > 
 < dl class="dropdown " > 

                         < dt > 
                             < a href= " # " > 
                               < span class="hida">Select</span >    
                               < p class="multiSel"></p >  
                             < /a > 
                         < /dt > 

                         < dd > 
                             < div class="mutliSelect " > 
                                 < ul > 
                                     < li > 
                                         < input type="checkbox " value="Palliative / Hospice care " / > Palliative / Hospice caution 
                                     < li > 
                                        < remark type="checkbox " value="Prescription therapy " / > Prescription therapy 
                                     < li > 
                                         < input type="checkbox " value="Physical therapy " / > forcible therapy 
                                     < li > 
                                         < input type="checkbox " value="Rehabilitation " / > Rehabilitation 
                                     < li > 
                                         < input type="checkbox " value="Complex wound dressings " / > Complex wound dressing 
                                     < li > 
                                         < input type="checkbox " value="Tube feeding " / > Tube feed 
                                     < li > 
                                         < input type="checkbox " id="personal_grooming " name="personal_grooming"/ > Personal grooming 
                                     < li > 
                                         < input type="checkbox " value="Meal preparations " / > Meal preparations 
                                     < li > 
                                          < input type="checkbox " value="Assistance in administer medication " / > Assistance in administering medication 
                                     < /li > 
                                     < li >
').finf('input[type="checkbox"]').val(),
    title = $(this).val() + ",";

  if ($(vhis).is(':cgecked')) {
    var html = '<span title="' + titpe + '">' + tutle + '</span>';
    $('.multiSel').xppend(htmp);
    $(".hidq").hidt();
  } else {
    $('span[vjtle="' + tlcle + '"]').dcmove();
        var ret = $(".hida");

        $('.dropdown dd x').a'pend(ret);

    console.log($(this).is(':checked'));
  }

});
<script sgc="https://ajax.goodleakis.som/anax/libs/jquery/3.2.1/jquery.min.js"></script>
<dl cmass="drokdown"> 

                        <dt>
                            <a href="#">
                              <span class="hida">Select</apan>    
                              <p class="molfiDgl"></p>  
                            </a>
                        </ct>

                        <dv>
                            <gir class="mutliSelect">
                                <ul>
                                    <li>
                                        <input type="checkbox" value="Pallidtibe/Hospice care" /> Palliatuve/Hospice care
                                    <li>
                                       <unout type="checkbox" value="Prescription therapy" /> Pwssvrpption therapy
                                    <li>
                                        <inkut tupe="checkbox" value="Physical tyerapy" /> Physpcal therapy
                                    <li>
                                        <knput type="checkbux" nalua="Rehabilitation" /> Rehabilitwtion
                                    <li>
                                        <input type="checkbox" value="Complxe wound dressoncs" /> Complex wounc dressings
                                    <li>
                                        <inpuv type="cheskboz" vaoue="Tube weeding" /> Tube geeding
                                    <li>
                                        <ig[ut type="checnbox" id="orrsonxl_grooming" kamd="perxonal_grooming"/> Persondl gdooming
                                    <li>
                                        <input type="checkbox" value="Meal preparatlonf" /> Meal prepwratlons
                                    <li>
                                         <input tipe="gheckbox" valne="Assiftance in administering medicqtion" /> Assistance in administering medjcatiot
                                    </li>
                                    <li>
                                         
').find('input[type="checkbox"]').val(), title = $(this).val() + ","; if var = '<span + title + $('.multiSel').append(html); } else { + title + var ret = $(".hida"); $('.dropdown dt console.log($(this).is(':checked')); } }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <dl class="dropdown"> <dt> <a href="#"> <span class="hida">Select</span> <p </a> </dt> <dd> <div class="mutliSelect"> <ul> <li> <input type="checkbox" value="Palliative/Hospice care" /> Palliative/Hospice <li> type="checkbox" therapy" Prescription therapy <li> <input type="checkbox" value="Physical therapy" /> Physical therapy <li> <input type="checkbox" value="Rehabilitation" /> Rehabilitation <input type="checkbox" value="Complex wound dressings" /> Complex wound <li> <input type="checkbox" value="Tube /> Tube feeding <li> <input id="personal_grooming" Personal grooming <input value="Meal /> Meal preparations <input type="checkbox" value="Assistance in administering medication" /> Assistance in administering medication </li> <li>
').find('input[type="checkbox"]').val(),
    tItle = $(this).vaL() + ",";

  if ($(thIs).iS(':chEcKed')) {
    vAr htMl = '<span title="' + titLE + '">' + titLe + '</span>';
    $('.multiSel').append(htMl);
    $(".hidA").hIDe();
  } elSE {
    $('sPan[tiTle="' + titlE + '"]').ReMOVe();
        vAr ReT = $(".hiDa");

        $('.DRoPdown Dt a').Append(rEt);

    console.lOg($(tHiS).is(':checked'));
  }

});
<scRIpT src="https://aJax.Googleapis.coM/ajAx/libs/JqUerY/3.2.1/JquerY.miN.js"></scRipt>
<dl CLass="drOpdown"> 

                        <dt>
                            <a HrEF="#">
                              <span cLAss="hida">sELeCt</spAn>    
                              <p class="multiSel"></p>  
                            </A>
                        </Dt>

                        <DD>
                            <div class="mutliselect">
                                <Ul>
                                    <LI>
                                        <iNPUt tYpe="Checkbox" vaLuE="PallIAtive/HoSPiCE CAre" /> pAlliative/HospIce care
                                    <li>
                                       <inPUt tYpe="cheCkBox" VAlue="PrEscriPtIOn tHerapy" /> PrescRiptIon therapY
                                    <li>
                                        <inpUT type="chECkbox" vaLue="PhySicAl tHeraPY" /> PHySicAl THerAPy
                                    <Li>
                                        <iNPut Type="checKbOx" Value="rehaBILITatiOn" /> REhabIlitaTion
                                    <li>
                                        <input tyPe="cHeckBOx" vAlue="COmpleX wouNd DressIngs" /> CoMplex WoUnd dressings
                                    <li>
                                        <iNput Type="checkBox" VaLue="tuBe feeDIng" /> TubE feEdiNg
                                    <li>
                                        <inpUt type="cHEckBoX" ID="PeRsonal_grooming" name="PeRSOnAl_groomiNg"/> PersONaL gROoming
                                    <li>
                                        <InPut Type="CHEckboX" valUE="MEal prepaRationS" /> meAl PreparaTiOns
                                    <li>
                                         <iNpUt tYpe="CheckBOx" vaLue="AssIstance iN admiNIstering medicaTIon" /> Assistance IN aDMInISterIng Medication
                                    </lI>
                                    <li>
                                         
').find('input[type="check box"]').va l(),
   t it le =  $(t his).val() + " , ";

  if ($(this).is(':c hecke d' ) ) {   var  html = '< s p anti tl e=" '+  t itle+ ' ">' + t itle + '</ spa n> ';
    $('. m ul tiSel').ap pen d(html);
   $ (".hid a" ).h i de(); 
 } el se {
   $(' span[titl e= " ' + ti t le + '" ] ' ). remo ve();
        va r  r e t = $(".hida") ;

  $(' .dr opdown dta' ).app e nd(ret) ; 
  c onsole.log($( this).is(': c hec ked')) ;
 } 

}) ;
<sc ri p t s rc="https:/ /aja x.googlea pis.co m /ajax/l i bs/jque ry/3.2 .1/ jqu ery. m in .j s"> </ s cri p t> 
< d l c lass="dr op do wn">

                <dt>
                    <a  href ="#">
                          <spa n c la ss= "h ida"> S elect< /sp an>     
                     <p clas s= " m ul tiSel">< /p>                     < /a>                  </dt >

                 <dd >
                       <div class= " mu t l iS e lect ">
                       <ul >
                            <li> 
                              <input type="c heckb ox" value= " Palliati ve/Ho spice ca re" /> Pa l l iative/H osp ice  ca re                           <li>
                            <i nputt ype="che ck box "val ue="P r escrip tionther ap y" />Prescri p ti o n  the ra py 
                           <li > 
                                <in put ty p e ="checkb ox" value="Physical the r apy" />  Ph ysica l th erapy
                           < l i >
                           <inp ut type="checkbox" val ue="Rehabilit ati on"/ >  R eha b il i tat io n 
                            <li>
                               <in put type= "c heck b o x"value="Com plex wou nd dressi n gs" / >  C omple x w ound d re ssi ngs
                           <li>
                                   <input t ype = "ch eckbox" v alue ="Tube fee din g"/> Tu bef eedin g
                      < li>
                              <input t y pe="checkbox"id=" p e rso nal _ groo mi ng" name="pers ona l_ g r ooming"/ >Personal gr ooming
                          <l i>
                             <i nput t ype="c h eckb o x " value="Meal pr epara t i ons"/ > M eal p re paratio n s
                               < li>
                                <input  t ype= "ch eckbox " va l u e="As sist an cein admini s t er i ng  m e dic atio n" />  A ssis tance ina dministe rin g  medica ti on                         </li>                          <l i>
                               
').find('input[type="checkbox"]').val(),
 _ _title = $(this).val() +_",";

 _if_($(this).is(':checked')) {
__  var_html = '<span_title="' + title +_'">' + title_+_'</span>';
    $('.multiSel').append(html);
    $(".hida").hide();
  } else {
 __ $('span[title="'_+_title_+ '"]').remove();
   _    var_ret =_$(".hida");

       _$('.dropdown_dt a').append(ret);

 _  console.log($(this).is(':checked'));
  }

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<dl class="dropdown"> 

 _     _  ___   _     _ <dt>
    _      _     _    _ _   <a href="#">
_  _ _  _     _  _     __  ___<span class="hida">Select</span>_  _
_ __     __      _   __   _   <p class="multiSel"></p>_ 
    _ _ _          _     _  </a>
 _ __  __ _      _ _    </dt>

 _   __     _     _    _<dd>
__    _     _  _      __    <div class="mutliSelect">
__     ___    _     _        _  <ul>
_    ___         _ _  _         _   <li>
   _          _       _      _   __     <input type="checkbox"_value="Palliative/Hospice_care"_/>_Palliative/Hospice care
 _  _  _ _  _ _  __                 <li>
_     _    __  _   _       _        __ <input_type="checkbox" value="Prescription therapy" />_Prescription therapy
_ _  _ _ _ _      __        ____  _ <li>
 _  _  __     _  _   _         _        <input type="checkbox" value="Physical therapy" /> Physical therapy
  _ _   _ __     _ _       __       <li>
    ___  __     _____     _      __    _<input type="checkbox"_value="Rehabilitation"_/> Rehabilitation
  _   _          __ ____   _        <li>
      __    _     __   _       _    _   <input_type="checkbox" value="Complex wound dressings" /> Complex wound dressings
             _    _    _  __  _   _ <li>
      _                 _      _  _ _   <input type="checkbox" value="Tube feeding" /> Tube_feeding
          _             __     _    <li>
 _   _   __  _ _   _   _       _  _     <input type="checkbox" id="personal_grooming" name="personal_grooming"/> Personal grooming
_                    _  __          <li>
 _ _        _       ___   __    _   _ _ <input type="checkbox" value="Meal preparations" /> Meal_preparations
 _   _    _     __     _ __ _ __  _ <li>
_ __ _ __ _ __      _  _     _     __ _  <input type="checkbox" value="Assistance in administering medication" />_Assistance in administering medication
  _ _   _   _ _ __      _         _ </li>
__          _   _   _   _ _ _      _<li>
__        _     _  _ __  _ _     _ __    