如果选中复选框，请执行此操作 [英] if checkbox is checked, do this

问题描述

当我选中一个复选框时，我要让它转动< p> ＃0099ff 。 >

当我取消选中复选框时，我想要撤消它。

代码我到目前为止：

  $（'＃checkbox'）click（function（）{
 if（$（'＃checkbox'）。attr 'checked'））{
 / *不知道该怎么做* / 
} 
}）
  

解决方案

我会使用 .change（）和 this.checked ：

 code> $（'＃checkbox'）。change（function（）{
 var c = this.checked？'＃f00'：'＃09f'; 
 $（'p'） .css（'color'，c）; 
}）; 
  

-

使用 this.checked

Andy E 写了一篇关于我们如何过度使用jQuery的文章： 利用jQuery的强大功能访问元素的属性 。本文特别讨论了 .attr（id）的使用，但是在 #checkbox 是 $（...）的问题是相同的 < input type =checkbox/> attr（'checked'）（甚至 $（...）。is（'：checked'））vs. this.checked 。

When I check a checkbox, I want it to turn <p> #0099ff.

When I uncheck the checkbox, I want it to undo that.

Code I have so far:

$('#checkbox').click(function(){
    if ($('#checkbox').attr('checked')) {
        /* NOT SURE WHAT TO DO HERE */
    }
}) 

解决方案

I would use .change() and this.checked:

$('#checkbox').change(function(){
    var c = this.checked ? '#f00' : '#09f';
    $('p').css('color', c);
});

--

On using this.checked
Andy E has done a great write-up on how we tend to overuse jQuery: Utilizing the awesome power of jQuery to access properties of an element. The article specifically treats the use of .attr("id") but in the case that #checkbox is an <input type="checkbox" /> element the issue is the same for $(...).attr('checked') (or even $(...).is(':checked')) vs. this.checked.

这篇关于如果选中复选框，请执行此操作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！