jQuery复选框切换功能不起作用

Question

我试图做一个函数，当复选框被选中时改变文本的颜色。它工作正常，但突然间现在它不起作用它说切换变量是一个未定义的表达式，但它只是一个id标记存储在它。此外，即使警报弹出，css更改也不起作用。我非常感谢关于为什么这个函数突然崩溃的任何信息。

的JavaScript，jQuery代码：

function estimateToggle(toggle) 
{ 
    var toggle = "#" + toggle; 
    alert(toggle); 

    if ($(toggle).is(":checked")) 
    { 
     alert(toggle + " is checked"); 
     $("'" + toggle + "'").css({'color':'black'}); 
    }else{ 
     alert(toggle + " is unchecked"); 
     $("'" + toggle + "'").css({'color':'#CCCCCC'}); 
    } 

} 

HTML代码：

<input type="checkbox" class="socialMedia" name="socMedFacebook" id="socMedFacebook" onChange="estimateToggle('socMedFacebook')" value="100"> 
<label for="socMedFacebook">Facebook</label> 
<div align="right" class="socMedFacebook" id="socMedFacebook" name="socMedFacebook">$100</div> 

下面是铬控制台吐出错误：

未被捕获的错误：语法错误，不能识别的表达：“ #socMedFacebook'

Answer 1

ID选择器必须是唯一的。

阅读Two HTML elements with same id attribute: How bad is it really?

变化

$(toggle).css({ 

形式

$("'" + toggle + "'") // as your variable toggle is already string don't wrap quotes around it.