更改點擊元素的樣式

Question

這是一個非常新手的問題。
有3個選項，例如demo中的復選框。 當單擊選項時，我想更改單擊選項的背景顏色，如復選框。
我無法弄清楚這個問題，由於選項的ID是相同的是option 。

Answer 1

查詢中可能的實現可能是：

$(document).ready(function(){
    $(".myCheckboxClass").bind('click', function(){
        $(this).css('background-color', 'red');
    });

});

您基本上可以在js中執行相同的操作，只需檢查正確的語法即可。 關鍵是單擊元素的“ this”選擇。

Answer 2

使用class而不是id ，因為（正如其名稱已經說明的那樣） id必須是唯一的，否則它不再是id。

修復且可以運行的版本： http : //jsfiddle.net/hvWeG/5/

$(function(){
  $('.option').on('click',function(){
   $(this).css('background-color','yellow');
  });
});

HTML

<ul style="display:block;" id="options">
    <li class="option">Cucumber</li>
    <li class="option">Tomato</li>
    <li class="option">Potato</li>
</ul>

Answer 3

簽出這里檢查編輯代碼

1>首先，您的功能應該在頭部，在左上角附近的jsfiddle中，將onload更改為no wrap in head ，

2>您不需要onclick中的腳本標簽

3> document.getElementById（'option'）將僅選擇id為'option'的第一個元素。檢查以下代碼，我對您的代碼做了一些小的更改。 在此處檢查已編輯的代碼