首先把 HTML 码好：<div> <input type="radio" id="nba" checked="checked" name="sport" value="nba"> <label name="nba" class="checked" for="nba">NBA</label> <input type="radio" id="cba" name="sport" value="cba"> <label name="cba" for="cba">CBA</label></div>接着是 CSS:input[type="radio"] { margin: 3px 3px 0px 5px; display: none;}label { padding-left: 20px; cursor: pointer; background: url(bg.gif) no-repeat left top;}label.checked { background-position: left bottom;}再就是 jQuery 代码了：$(function() { $(‘label’).click(function(){ var radioId = $(this).attr(‘name’); $(‘label’).removeAttr(‘class’) && $(this).attr(‘class’, ‘checked’); $(‘input[type="radio"]’).removeAttr(‘checked’) && $(‘#’ + radioId).attr(‘checked’, ‘checked’); });});注意： bg.gif 为你要改变单选按钮的背景图
，只要有信心，人永远不会挫败
