CODEWITHSUNDEEP
javascriptjquery
Daniel Gustafsson
Daniel Gustafsson

Reputation: 1825

javascript change color of textbox

I have this code but it just wont work. what could the problem be? Is my syntax wrong or is the whole method wrong?

<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");
        }

});

Upvotes: 1

Views: 159

Answers (2)

Code Lღver
Code Lღver

Reputation: 15593

You need to give the # or . if it is id then # and if class name then .

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

And one more thing:

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

Why are you using this line even though you are not using it anywhere.

Upvotes: 1

bipen
bipen

Reputation: 36551

you missed # in front of id selector

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

same goes for the rest..

Upvotes: 3

Related Questions