2013-07-31 95 views
1

我有这个代码,但它只是不会工作。问题是什么?我的语法错了还是整个方法错了?javascript改变文本框的颜色

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

}); 
+0

之前'IsCurrentlySmokingrightJa'添加一个''#,所以'$(文件)。在( “变”, “#IsCurrentlySmokingrightJa” ...' – putvande

回答

3

你在ID选择

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

同样适用于其他的前面错过# ..

+0

ARR如此令人沮丧的是小东西解决吧谢谢 –

+0

!!!! ).. welcome ....开心编码.. – bipen

1

你需要给#或。如果它是id然后#和如果类名称然后。

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

还有一两件事:你为什么要使用,即使你不使用它的任何地方这条线

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

+0

我之前实际使用过这个代码,但是我已经修改了几次代码,所以现在只能用代码的方式了。谢谢! –

+0

@DanielGustafsson好的,只是为了了解正确的问题。以及没有问题。 –