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.