一个页面中有10个按钮,分别代表10个投票。点击其中任意一个data返回的是所有的数据id和value。value是点击的票数。现在想做百分比,点击其中任意一个btn时,会出现票数和百分比,但是当点击第二个按钮时(因为可多选),第一个已经被写道页面的百分比不会改变,想提问,如果点击第二个投票时,也让之前已经写道页面上的百分比重新计算。
$(".b").click(function () {
//clickedButton = $(this);
var ajaxBt = this.id;
$.ajax({
type: "POST",
dataType: 'jsonp',
jsonpCallback: "callback",
url: "",
data: {"name": ajaxBt},
success: function (data) {
//console.log(data);
//服务器传回的id
var tab = 0;
if (ajaxBt != "btn10"){
tab = (ajaxBt.substr(-1, 1))-1;
}else {
tab = 9;
}
//总数
/*var sum = 0;
$.each(data, function() {
sum += this.value;
});*/
//票数
var ballot = data[tab].value;
//var per = Math.floor((ballot/sum)*100);
$("#f"+(tab+1)).html(ballot);
$("#"+ajaxBt).hide();
$("#"+ajaxBt).siblings().show();
},
error: function (jqXHR, textStatus, errorThrown) {
}
})
});
//遮罩层
function showBlack(){
$("#zhezhao").show();
$("#img1").attr("src", "01.gif");
$("video").css("display","none")
}
function hideBlack(){
$("#zhezhao").hide();
$("video").show();
}
其实也简单。
返回所有的按钮数据,重新渲染就是了。