jquery 클래스 이름이 다음 요소를 찾습니다

Question

<div class="form-group"> 
    <label>Morgage application completed (if yes please enter date)</label> 
    <span id="RblMorgAppComp" class="rblLocal checkonchange"> 
    <input id="RblMorgAppComp" type="radio" name="RblMorgAppComp" value="Yes"> 
    <label for="RblMorgAppComp">Yes</label> 
    <input id="RblMorgAppComp" type="radio" name="RblMorgAppComp" value="No"> 
    <label for="ctl00_ContentPlaceHolder1_RblMorgAppComp_1">No</label></span> 
    <div class="input-group date datepick"> 
     <input name="TxtMorgAppCompDate" type="text" id="TxtMorgAppCompDate" class="form-control rddt"> 
     <span class="input-group-addon"> 
     <i class="fa fa-calendar"></i> 
     </span> 
    </div> 
</div> 

및 다음 jquery.

 $('.checkonchange input').change(function() { 
      var rdlVal = $(this).val(); 
      if (rdlVal == 'Yes') { 
       //$(this).parent().parent().next('input').find('.rddt').css('border', 'solid 1px #000'); 
       $(this).nextAll('.rddt').val('ddddd'); 
       //$('.rddt').focus(); 
       //alert($(this).next('.rddt').val()); 
       //alert($(this).nextAll('.rddt').text()); 
       //$(this).next('.rddt').css('border', 'solid 1px #000'); 
       //$(this).closest("input['type=text']").css('border', 'solid 1px #000'); 
      } 
     }); 

사용자가 예를 선택하면 텍스트 상자로 포커스를 변경하려고합니다. 보시다시피 여러 가지 일을 시도했지만 제대로 작동하지 않습니다.

나는 그것이 단순해야한다고 확신합니다. 1 페이지에 이러한 라디오 버튼과 텍스트 상자가 많기 때문에 클래스 이름을 찾을 수 없습니다.

감사

클래스 .form-group에있는 클래스 .rddt 모든 입력에 대한

Answer 1

설정 값은

$(this).closest('.form-group').find('.rddt').val('YES').focus(); 

은 또한 당신이 ID 사용할 수 있습니다 (포커스는 마지막 입력에있을 것입니다)

$('#TxtMorgAppCompDate').val('YES').focus(); 

Example