为什么触发以后每次会添加两个元素呢？求指教

Question

$("label").click(function(){
   if($(this).children("input[name='checkbox']").attr("checked")=='checked'){
$(this).children('input').removeAttr("checked");
$("#"+$(this).children('input').val()).parent().remove();
}else{
$(this).children('input').attr("checked","checked");
$(this).parent().addClass("on");
$(".options").show();
var element='<li>'+$(this).attr("title")+'<a href="#" onclick="delCon(this)" id="'+$(this).children('input').val()+'" title="删除此条件"></a></li>'
//alert(element);
$(element).appendTo($("#conditions"));
}
}）;
为什么每次都会添加两个一样的元素呢？如果alert（）就会弹出两次？求指教

Answer 1

你是给checkbox也绑定了这样的click事件吧？

Answer 2

checkbox跟radio放在label里的时候，只要点label跟点他们本身是一样的效果。

Answer 3

对啊，我是这样写的<label><input /></label>，这样不对吗

Answer 4

发大段代码最好格式化并用 [code][/code] 发布