根据复选框后面的描述文字进行选择的技巧

最近做的一个页面，含有很多复选框。但是现在的效果只能用鼠标去点击小小的复选框进行反选。用户体验很不好，于是想到如果点击复选框后面的文字也可以进行反选，对用户来讲肯定要方便很多。

实现很简单，分享下我的代码。

页面：<input type="checkbox" name="servesEnable" value="1" #if($!attr.servesRule)checked#end/>
<span class="tick">(勾选后启用)</span>

$(function() {
		$(".tick").click(function(){
			$(this).prev().attr("checked", !$(this).prev().attr("checked"));//获取前面的复选框元素并进行反选
		});
	});