Question

我希望能够在选中某个复选框时设置文本段落的颜色。我尝过像

这样的东西

$('#CheckboxForMakingStuffBlue:checked').( function() {
   $('span.externalNarrative').css("color","blue");
   });

但我无法得到任何工作。是否有我应该使用的其他功能，或某种“if”的声明？我对jquery非常陌生，对此类似的东西。

Answer 1

请查看链接：http://jsfiddle.net/developeryamhi/BeLVq/3/以获取详细帮助

Answer 2

您的代码不正确，应该是这样的：

$('#CheckboxForMakingStuffBlue').click(function(){
  if ($(this).is(':checked')){
     $('span.externalNarrative').css("color","blue");
  }
  else {
     $('span.externalNarrative').css("color","black");
  }
});

还要确保将代码包装在ready处理程序中：

$(function(){
    $('#CheckboxForMakingStuffBlue').click(function(){
      if ($(this).is(':checked')){
         $('span.externalNarrative').css("color","blue");
      }
     else {
         $('span.externalNarrative').css("color","black");
     }
    });
});

Answer 3

我建议您使用radio输入，因为您一次只能使用一种颜色。 请参见此处的工作示例：

http://jsfiddle.net/9VwuR/1/

$(":radio").click(function(){
    $("p").css({color: $(this).val() });
});

关键是您需要将event附加到element，在这种情况下为click，因为您希望在用户选择输入时进行此颜色更改。

在此处查看其他一些jQuery事件：http://api.jquery.com/category/events/

Answer 4

您需要添加触发器：http://jsfiddle.net/LekisS/RFFHA/

Answer 5

你应该使用

    $('#CheckboxForMakingStuffBlue').change(function(){ 

  // some conditions here
      $('span.externalNarrative').css("color","blue");
       });

    })

像这样的东西

Jquery：用复选框切换文本颜色？

5 个答案: