Question

以下这段代码（有关jquery没起作用），选中radio之后，label没有按要求变色，求高手指点！

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".sortNum1").focus(function(){
$(this).next().css("background-color","#ffffff");
});

$(".sortNum1").blur(function(){
$(this).next().css("background-color","#000000");
});

});
</script>

<style type="text/css">

.sortNum1 {
width:20;
height:20;
margin:0;
padding:0;
}
label {
background-color:#cbedf9;
color:#000000;
border:1px solid #49b2da;
width:30px;
height:24px;
float:left;
text-align:center;
line-height:24px;
margin-left:4px;
font-size:14px;
}
label:hover {
background-color:#49b2da;
background-position:0 -80px;
}

</style>

<div class="sortNum">
<ul>

<li>
<input type="radio" id="1-5" class="sortNum1" name="standard1" value="-5">
<label class="sexLabel" for="1-5">-5</label>
</li>
<li>
<input type="radio" id="1-4" class="sortNum1" name="standard1" value="-4">
<label class="sexLabel" for="1-4">-4</label>
</li>

</ul>
</div>

Answer 1

对 .sortNum1 添加 变更事件. 

		$(".sortNum1").change(function(){
			$(".sexLabel").css("background-color","#fff");
			$(".sortNum1").each(function(){
				var selected = this.checked;
				if (selected) {
					$(this).next().css("background-color","red");
				}
			})
		});

Answer 2

　　不用那么麻烦的，先把所有的底变为白色，再把当前的变为黑色就可以了。只要绑定一次就可以的。代码修改如下：
　　$(document).ready(function(){

　　$(".sortNum1").click(function(){
　　$(".sexLabel").css("background-color","#ffffff");
　　$(this).next().css("background-color","#000000");
　　});
　　});

Answer 3

选中跟获取到焦点完全是两码事

建议使用如下代码判断是否被选中

$(function(){
	$("input").click(function(e) {
		if($(this).is(":checked")){
			alert("啊!我被选中了");
		}
	});
});

Answer 4

我在http://www.w3school.com.cn/tiy/t.asp?f=jquery_siblings 测试了你的代码，选中radio后才文字会变色，应该没错。

Answer 5

我试了一下你的代码，是可以的。你的jq路径是否正确？

我还为每一个<input />添加了结束标签。