изменение цвета javascript textbox

Question

У меня есть этот код, но он просто не работает. в чем проблема? Является ли мой синтаксис неправильным или весь метод ошибочен?

<input checked="checked" class="form-field" id="IsCurrentlySmokingrightNej" name="IsCurrentlySmokingright" type="radio" value="Nej"> 
<input class="form-field" id="IsCurrentlySmokingrightJa" name="IsCurrentlySmokingright" type="radio" value="Ja"> 
    <input id="IsCurrentlySmokingrighttextbox" name="IsCurrentlySmokingright" type="text" style="background-color: rgb(0, 255, 0); float: right; width: 50px;"> 

JavaScript:

$(document).on("change", "IsCurrentlySmokingrightNej", function() { 
    var elem = document.getElementById("IsCurrentlySmokingrightNej"); 
    var ele = $("#IsCurrentlySmokingrighttextbox"); 
    if (elem.checked) { 
     ele.css("background-color", "rgba(0, 255, 0, 1)"); 
     ele.css("float", "right"); 
     ele.css("width", "50px"); 

    } 
}); 

    $(document).on("change", "IsCurrentlySmokingrightJa", function() { 
     var elem = document.getElementById("IsCurrentlySmokingrightJa"); 
     var ele = $("#IsCurrentlySmokingrighttextbox"); 
     if(elem.checked){ 
      ele.css("background-color", "rgba(255, 0, 0, 1");//röd 
      ele.css("float", "right"); 
      ele.css("width", "50px"); 
     } 

}); 

Answer 1

вы пропустили # перед селекторе

$(document).on("change", "#IsCurrentlySmokingrightNej", function() { 
         //---^---here 

же самое для остальных ..

Answer 2

Вы должны дать # или. если это id, то # и если имя класса тогда.

$(document).on("change", "#IsCurrentlySmokingrightNej", function() { 
          ^^^ # here as it is id 

И еще одна вещь:

var elem = document.getElementById("IsCurrentlySmokingrightNej"); 

Почему вы используете эту линию, даже если вы не используете его в любом месте.