AngularJS中关于星级评价的页面和JS

最新推荐文章于 2019-04-28 15:28:29 发布

MonkeyKingBi

最新推荐文章于 2019-04-28 15:28:29 发布

阅读量463

点赞数

本文链接：https://blog.csdn.net/MonkeyKingBi/article/details/70843673

版权

HTML：

JS：

//星级评价
$scope.service = [false, false, false, false, false];
$scope.satisfaction = [false, false, false, false, false];
//点击一个，看他是否被选中，如果他被选中，他上面也被选中，那么就把上面的全去掉，如果上面的没选中，那就把之前的全去掉
//点击一个，如果他没被选中，那就到他这为止都选中
$scope.chooseService = function (index) {
if (index == 4)//选中最后一个

{
if ($scope.service[index]) {
for (var i = 0; i < 5; i++)
$scope.service[i] = false;
}
else //如果没有选中
{
for (var i = 0; i < 5; i++)
$scope.service[i] = true;
}
}
else {
if ($scope.service[index]) //当前选中
{
if ($scope.service[index + 1]) //如果后面是选中的话
{
for (var i = index + 1; i < 5; i++)
$scope.service[i] = false; //往更高的地方全部不选中
}
else //如果后面没有选中
{
for (var i = 0; i <= index; i++)
$scope.service[i] = false;
}
}
else {
for (var i = 0; i <= index; i++)
$scope.service[i] = true;
}
}
};

$scope.chooseSatisfaction = function (index) {
if (index == 4)//选中最后一个

{
if ($scope.satisfaction[index]) {
for (var i = 0; i < 5; i++)
$scope.satisfaction[i] = false;
}
else //如果没有选中
{
for (var i = 0; i < 5; i++)
$scope.satisfaction[i] = true;
}
}
else {
if ($scope.satisfaction[index]) //当前选中
{
if ($scope.satisfaction[index + 1]) //如果后面是选中的话
{
for (var i = index + 1; i < 5; i++)
$scope.satisfaction[i] = false; //往更高的地方全部不选中
}
else //如果后面没有选中
{
for (var i = 0; i <= index; i++)
$scope.satisfaction[i] = false;
}
}
else {
for (var i = 0; i <= index; i++)
$scope.satisfaction[i] = true;
}
}
};