隐藏radio的办法

需求

不需要出现radio的按钮，不要占位

html

<label for="short-course">
										<input type="radio" name="courseType" value="short" id="short-course" /> <span class="label-text">短期课程</span>
									</label>

css

.filter-off .form-item input { overflow: hidden; height:0; width:0;  }

display和visibility都会对label选择input有影响，所以只能用opacity，但是ie6下radio无法使用opacity，所以就上面那样来隐藏掉。注意，尽管已经是label>input了，但ie6下一定要for才能通过label点到input。

js

$('#filter-off :radio').click(function(){
	var $label=$(this).parent();
	$label.addClass('active').siblings().removeClass('active');
});