[英]Increment/Decrement variable on button - PHP Javascript
I have a like/unlike button and number of like field and it echos a variable that gets number of likes as follows: 我有一个“喜欢/不喜欢”按钮和“喜欢”数量字段,它回显一个获取“喜欢”数量的变量,如下所示:
PHP-HTML: PHP,HTML:
<span>likes: <?php echo $row['likes'];?></span>
<button type="submit" class="btn btn-custom btn-sm liketoggle" name ="like">
//Printing 'Like' if its been liked by user, and 'Unlike' if not liked by user
<? $qid = $row['Question_ID']; $query2 = "SELECT * FROM likes WHERE
user_id='$user_id' and qid = '$qid'";
$results2 = mysqli_query($con,$query2);
if(mysqli_num_rows($results2) == 0){ echo '<span>Like</span>';}
else{echo '<span>Unlike</span>';}?></button>
Javascript - To toggle like/unlike: Javascript-切换喜欢/不喜欢:
$(".liketoggle").click(function () {
$(this).find("span").text(function(i, v){
return v === 'Like' ? 'Unlike' : 'Like'
return v === 'Unlike' ? 'Like' : 'Unlike'
})
});
Is there I way I can increment the number of likes ($row['likes']) when user hits on like, and the same way decrements when unliking? 有没有办法在用户点击喜欢时增加喜欢的数量($ row ['likes']),而在不喜欢时以相同的方式减少喜欢的数量?
You can use js to change the number. 您可以使用js更改数字。
<span>likes: <span class="likes-count"><?php echo $row['likes'];?></span></span>
<button type="submit" class="btn btn-custom btn-sm liketoggle" name ="like">
//Printing 'Like' if its been liked by user, and 'Unlike' if not liked by user
<?php $qid = $row['Question_ID']; $query2 = "SELECT * FROM likes WHERE
user_id='$user_id' and qid = '$qid'";
$results2 = mysqli_query($con,$query2);
if(mysqli_num_rows($results2) == 0){ echo '<span>Like</span>';}
else{echo '<span>Unlike</span>';}?></button>
JS: JS:
$(".liketoggle").click(function () {
$(this).find("span").text(function(i, v){
return v === 'Like' ? 'Unlike' : 'Like'
return v === 'Unlike' ? 'Like' : 'Unlike'
});
var likes = $('.likes-count').text();
likes = likes ? parseInt(likes) : 0;
if($(this).find("span").text() == 'Like') likes++;
else if(likes > 0) likes--;
$('.likes-count').text(likes);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.