0

我的表单上有一个 id="chkBold" 的复选框。当我单击或选中此复选框时，我想要元素

改变颜色。这是我的代码和整个页面。它不会改变颜色。你能看出这里有什么问题吗？

谢谢。

(function () {
    $("#chkBold").click(function(){
        if($("#chkBold").is(':checked')) {
            $("p").css('color', 'Blue'); 
        }else{
            $("p").css('color', 'Red'); 
        }
     });
});


 jsfiddle: http://jsfiddle.net/netten/dAesw/
4

4 回答 4

3

你错过了一个美元符号：

$(function () {
    $("#chkBold").click(function(){
        if($(this).is(':checked')) {
            $("p").css('color', 'blue'); 
        }else{
            $("p").css('color', 'red'); 
        }
     });
});
于 2012-07-23T06:46:58.237 回答
0

我刚试着整理你的 jsfiddle，它似乎工作...... http://jsfiddle.net/8fggu/2/

于 2012-07-23T07:05:27.203 回答
0

检查这个工作模型---

http://jsfiddle.net/swapnesh/Xwj6n/

于 2012-07-23T06:52:43.453 回答
0

尝试调试 

if($("#chkBold").is(':checked'))
               {
                alert($('p'));   
                $("p").css('color', 'Blue'); 
                }

确保这个选择器给你同样的元素你想改变颜色，还有一件事，你想改变字体颜色还是背景颜色，两者都是不同的。

于 2012-07-23T06:52:47.957 回答