Фильтр 3.0.1 пути преобразования - страница 2 - Разработки и улучшения

function clickfilter(id) { 
	var fchid = jQuery("#filtrdi"+id).find("#chk");
	var fdiid = jQuery("#filtrdi"+id).find("#filtr-chk");
	if (fchid.is(':checked')) {
	 fchid.attr("checked", false);
	 fdiid.removeClass("checha");
	 countchch();
	}else{
	 fchid.attr("checked", true);	
	 fdiid.addClass("checha");
	 countchch();
	}
}
 
function resetfilter() {
	jQuery(".filtr-chk").removeClass("checha");
	jQuery(".filtr-d").find("#chk").attr("checked", false);
	countchch();
	jQuery('#formfilter').submit();
}
 
function countchch(){
	jQuery.each(jQuery(".bloch"),
		function(){
			jQuery(this).find(".chk-counter").text(jQuery(this).find(".checha").size());
		}
  	)
}
 
  

function clickfilter(id) { 
	var fst = jQuery("#filtrdi"+id);
	var fchid = jQuery("#filtrdi"+id).find("#chk");
	var fdiid = jQuery("#filtrdi"+id).find("#filtr-chk");
	var qweqwe = jQuery("#filtrdi"+id).find("span").html();
	var atrqwe = jQuery("#filtrdi"+id).find("span").attr("val");
	
	if (fchid.is(':checked')) {
	 fchid.attr("checked", false);
	 fdiid.removeClass("checha");
	 fst.parent().parent().find(".chp"+atrqwe).remove();
	 countchch();
	}else{
	 fchid.attr("checked", true);	
	 fdiid.addClass("checha");

							
	 fst.parent().parent().find(".addoption").after("<span class=\"chopt chp"+atrqwe+"\" onclick=\"rmchop("+atrqwe+");\">"+qweqwe+"</span>");	
	 fst.parent().parent().find(".addoption").find("span").addClass("chopt");
	 countchch();
	}
}



function resetfilter() {
	jQuery(".filtr-chk").removeClass("checha");
	jQuery(".filtr-d").find("#chk").attr("checked", false);
	countchch();
	jQuery('#formfilter').submit();
}

function countchch(){
	jQuery.each(jQuery(".bloch"),
		function(){
			jQuery(this).find(".chk-counter").text(jQuery(this).find(".checha").size());
		}
  	)
}

  

<div class="dopop">
<i class="addoption"></i>
<span class="chopt chp1" onclick="rmchop(1);">11</span>
<span class="chopt chp2" onclick="rmchop(2);">10</span>
</div>
</div> 

.chopt {
    background: url("../images/dlkr.png") no-repeat scroll 3px center #E9EDF1;
    border: 1px solid #E1E1E1;
    color: #333333;
    cursor: pointer;
    display: inline;
    float: left;
    font-size: 10px;
    font-weight: normal;
    margin: 2px 3px 0;
    padding: 1px 3px 1px 14px;
}
.chopt:hover {
    background: url("../images/dlbr.png") no-repeat scroll 3px center #E9EDF1;
}
.dopop {
    display: table;
}