는 변경 텍스트 상자의 테두리 색상

Question

내가 checkbox이 들어갔다. jQuery 코드 : 나는 내가 필요한 위의 부분을했을

$('#item_availability1_unlimited').on('change', function() { 

    if ($('#item_availability1_unlimited').is(':checked')) { 
     $('#item_availability1').css('border', '2px solid #11b818'); 
    } else { 
     $('#item_availability1').css('border', '2px solid #F00'); 
    } 
}); 

fiddle

은 다음과 같습니다 :

그리고 textbox이 비어있는 경우에도 다음의 테두리 색상 빨간색이어야한다, 문자가 입력되면 녹색으로 바뀝니다.

Answer 1

당신이 당신의 피들에 jQuery를 포함하는 것을 잊었 기 때문입니다.

Frameworks and Extensions 탭에서 jQuery을 선택하면 올바르게 작동합니다.

Updated Fiddle

---

편집 : 귀하의 의견을 바탕으로, 사용해야합니다 당신은 대체 할 수

$('#item_availability1_unlimited').on('change', function() { 

    if ($('#item_availability1_unlimited').is(':checked')) { 
     $('#item_availability1').css('border', '2px solid #11b818'); 
    } else { 
     $('#item_availability1').css('border', '2px solid #F00'); 
    } 
}).change(); 

$('#item_availability1').on('keyup', function() { 
if ($(this).val().length > 0) { 
     $('#item_availability1').css('border', '2px solid #11b818'); 
    } else { 
     $('#item_availability1').css('border', '2px solid #F00'); 
    } 
}); 

Updated Fiddle