在輸入文本的文本框更改邊框顏色

Question

我有checkbox，當checkbox是檢查的附近textbox邊框顏色應該變成綠色，如果它是選中的textbox邊框顏色應該是紅色的。 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