Jquery+css+图片美化radio，效果如下：

Html部分：

<form action="do.asp" method="get">      
        <div class="zijin">   
            <label class="label_radio hover">   
                <input type="radio" name="zijin" value="1万元以下" checked="true" />   
                <div class="radiotxt">1万元以下<span>实盘资金</span></div>   
            </label>     
      
            <label class="label_radio">   
                <input type="radio" name="zijin" value="1-3万元" />   
                <div class="radiotxt">1-3万元<span>实盘资金</span></div>   
            </label>     
      
            <label class="label_radio">   
                <div                <input type="radio" name="zijin" value="3-5万元" />   class="radiotxt">3-5万元<span>实盘资金</span></div>   
            </label>     
      
            <label class="label_radio">   
                <input type="radio" name="zijin" value="5-20万元"/>   
                <div class="radiotxt">5-20万元<span>实盘资金</span></div>   
            </label>     
      
            <label class="label_radio">   
                <input type="radio" name="zijin" value="20-50万元" />   
                <div class="radiotxt">20-50万元<span>实盘资金</span></div>   
            </label>     
      
            <label class="label_radio">   
                <input type="radio" name="zijin" value="50万元以上" />   
                <div class="radiotxt">50万元以上<span>实盘资金</span></div>   
            </label>   
        </div>   
        <div class="c"></div>   
        <br />   
        <input name="submit" type="submit" />   
    </form>

Css部分：

body{ font-family:"Microsoft YaHei";}   
.c{ clear:both;}   
      
.zijin{ width:600px;}   
.zijin label{position:relative; display:block; float:left;width:161px; height:117px; background:url(images/radiobg.jpg) 0px 0px no-repeat;cursor: pointer; margin-right:20px; margin-bottom: 20px;}   
.zijin label input{position: absolute; left:-9999px;}   
.zijin label:hover,.zijin label.hover{background:url(images/radiobg.jpg) 0px -118px no-repeat;}   
.zijin .radiotxt{ text-align:center; font-size:24px; color:#F06100; margin-top:20px;}   
.zijin .radiotxt span{ display:block; color:#333; font-size:16px; margin-top:10px;}

Jquery部分：

$(function(){   
          
    $('.label_radio').click(function(){   
        if($('.label_radio input').length) {   
            $('.label_radio').each(function(){   
                $(this).removeClass('hover');   
            });   
            $('.label_radio input:checked').each(function(){   
                $(this).parent('label').addClass('hover');   
            });   
        };   
    });   
      
});

Jquery+css+图片美化radio.zip