Question

这是一个非常新手的问题 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

检查一下 check edited Code here

1＆GT;首先你的功能应该在头部，在左上角附近的jsfiddle中将onload更改为no wrap in head，

2 - ;你不需要onclick中的脚本标签

3＆GT; document.getElementById（'option'）将只选择id为'option'的第一个元素检查以下代码，我对您的代码进行了一些小的更改。 check edited Code here

更改点击元素的样式

3 个答案: