javascript更改文本框的颜色

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

你在id选择器面前错过了#

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

其余部分也是如此..

Answer 2

你需要给＃或。 如果它是id然后＃和if class name那么。

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

还有一件事：

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

即使你没有在任何地方使用它，你为什么要使用这条线。