jq点击添加去除checkbox值问题

[一直被平均]

<input type="text" id="jsrt" class="tip" />
<input type="checkbox" class="xx" value="篮球" >篮球
<input type="checkbox"  class="xx"  value="儿童篮球" >儿童篮球
<input type="checkbox"   class="xx" value="足球" >足球
<input type="checkbox"  class="xx"  value="儿童足球" >儿童足球
<script>
$("input.xx").click(function () {
   try {
	   if ($(this).attr("checked")) {
		   $("#jsrt").val($("#jsrt").val() + $(this).val() + ",");
	   } else {
		   $("#jsrt").val($("#jsrt").val().replace($(this).val() + ',', ""));
	   }
   } catch (e) {
	   $("#jsrt").val("");
   }
})
</script>

现在有两个问题
1.去除最后一个逗号，比如我只选篮球和足球，那么文本框里足球后面没有逗号
2.如果我依次选择儿童篮球，足球，篮球的话，那么我想删除掉篮球的话，就会变成儿童足球，篮球里，

[一直被平均]

算了，不用js了。。。