<div class="left">
<div>
<input type="checkbox" name="a" />
<p>Aaron</p>
</div>
<div>
<input type="checkbox" name="b" />
<p>慕课</p>
</div>
<div>
<input type="checkbox" name="c" checked="checked" />
<p>其他</p>
</div>
</div>
<script type="text/javascript">
var in=$("input")
$(function(){
in.click(function(){
var pp=$("this+p")
var ppp=$("this:not(:checked)+p")
pp.css("background-color", "#CD00CD")
ppp.css("")
})
})
</script>
var $input=$("input"); $(function(){ $input.click(function(){ if($(this).attr('checked')=='checked'){ $(this).removeAttr("checked"); $(this).next().css("color",""); } else{ $(this).attr("checked","checked"); $(this).next().css("color","red"); } }) })
自己写的,可以参考一下