Question

html radio checked 选中后变色

如何让选中项的文字变色呢？
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<div>
<input type="radio" value="敬请自理" checked="checked" name="att[zc][0]"
onclick="funPingfenClick($(this))"/>
<label style="color:green;" for="att[zc][0]">敬请自理</label>
<input type="radio" value="包含" name="att[zc][0]" onclick="funPingfenClick($(this))"/>
<label style="color:green;" for="att[zc][0]">包含</label>
<input type="radio" value="不包含" name="att[zc][0]" onclick="funPingfenClick($(this))"/>
<label style="color:green;" for="att[zc][0]">不包含</label>
</div>
<script type="text/javascript"> 　　
function funPingfenClick(o){
$(":radio").next().css('color','green');
o.next().css('color','red');
$(":radio").css('border','0');
o.css('border','2px #ff0000 solid');
}
</script>
感谢启发！

Answer 1

你的写法有点问题，也不是说什么错误，而是个规范问题。
<div><input type="radio" value="敬请自理" checked="checked" name="att[zc][0]"/>
<label for="att[zc][0]">敬请自理</label></div>

这样就好处理了。
$(':radio').click(function(){if(this.checked)$(this).next().css('color','red')});

追问

很好，但是现在会所有选过的都变红

Answer 2

同问。。。