Question

我的表单上有一个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/

Answer 1

你错过了一个美元符号：

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

Answer 2

检查此工作模式---

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

Answer 3

尝试在

进行调试

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

确保此选择器为您提供了想要更改颜色的相同元素，还有一件事，您想要更改字体颜色还是backgroundColor，两者都不同。

Answer 4

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

Jquery复选框单击问题

4 个答案: