比较Javascript中的变量
我有一个脚本，它接收单击事件上输入标记的值，我需要比较它们，看看它们是否相同。我还在学习Javascript和JQuery，所以我真的需要找到一些帮助。这是我的密码：比较Javascript中的变量,javascript,jquery,audio,getelementbyid,Javascript,Jquery,Audio,Getelementbyid,我有一个脚本，它接收单击事件上输入标记的值，我需要比较它们，看看它们是否相同。我还在学习Javascript和JQuery，所以我真的需要找到一些帮助。这是我的密码： <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script>
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#swapCard_0").click(function(){
var phpval = document.getElementById('swapCard_0').value;
});
$("#swapCard_1").click(function(){
var phpval = document.getElementById('swapCard_1').value;
});
$("#swapCard_2").click(function(){
var phpval = document.getElementById('swapCard_2').value;
});
$("#swapCard_3").click(function(){
var phpval = document.getElementById('swapCard_3').value;
});
});
</script>
</head>
<body>
<input type="image" id="swapCard_0" src="image/image0.jpg" value="0">
<input type="image" id="swapCard_1" src="image/image1.jpg" value="1">
<input type="image" id="swapCard_2" src="image/image2.jpg" value="0">
<input type="image" id="swapCard_3" src="image/image3.jpg" value="1">
</body>
</html>
$（文档）.ready（函数（）{
$（“#交换卡0”）。单击（函数（）{
var phpval=document.getElementById（'swapCard_0'）。值；
});
$（“#swapCard_1”）。单击（函数（）{
var phpval=document.getElementById（'swapCard_1'）。值；
});
$（“#swapCard_2”）。单击（函数（）{
var phpval=document.getElementById（'swapCard_2'）。值；
});
$（“#swapCard_3”）。单击（函数（）{
var phpval=document.getElementById（'swapCard_3'）。值；
});
});
假设用户单击图像0，然后单击图像2，两者的值均为0，我如何在函数中比较它们，然后执行更多代码？我确信我需要一个if语句，但我不确定如何在我的代码中正确地测试它。我想在用户单击两个具有相同值的不同图像时播放声音。您可以拥有一个全局变量，并在用户单击第一个图像时进行设置，如下所示
$(document).ready(function(){
var selectedImageValue;
$("#swapCard_0").click(function(){
CheckValue($(this).val());
});
$("#swapCard_1").click(function(){
CheckValue($(this).val());
});
$("#swapCard_2").click(function(){
CheckValue($(this).val());
});
$("#swapCard_3").click(function(){
CheckValue($(this).val());
});
function CheckValue(value)
{
if(selectedImageValue != '')
{
selectedImageValue = value;
}
else
{
if(selectedImageValue === value)
{
//Your logic when image contains the same value
}
}
}
});
您可以拥有一个全局变量，并在用户单击第一个图像时进行设置，如下图所示
$(document).ready(function(){
var selectedImageValue;
$("#swapCard_0").click(function(){
CheckValue($(this).val());
});
$("#swapCard_1").click(function(){
CheckValue($(this).val());
});
$("#swapCard_2").click(function(){
CheckValue($(this).val());
});
$("#swapCard_3").click(function(){
CheckValue($(this).val());
});
function CheckValue(value)
{
if(selectedImageValue != '')
{
selectedImageValue = value;
}
else
{
if(selectedImageValue === value)
{
//Your logic when image contains the same value
}
}
}
});
如果我是你，我会做以下事情： 向所有图像传递一个类，以便您可以通过单击侦听器处理它们。e、 类：。图像
var phpval;
$('.image').on('click', function() {
if (phpval && phpval === this.value) {
//play sound here
} else {
phpval = this.value; //set php to this value
}
});
如果我是你，我会做以下事情： 向所有图像传递一个类，以便您可以通过单击侦听器处理它们。e、 类：。图像
var phpval;
$('.image').on('click', function() {
if (phpval && phpval === this.value) {
//play sound here
} else {
phpval = this.value; //set php to this value
}
});
我会做一些改变。首先，我会在你所有的牌上设置一个类，这样你就可以用一个选择器来锁定所有的牌。然后我将使用以下代码：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
var prev_click;
$(function(){
$('.swapCard').click(function(){
var this_click = this.value;
if(prev_click === this_click){
playSound();
}
else{
prev_click = this_click;
}
});
});
</script>
</head>
<body>
<input type="image" id="swapCard_0" class="swapCard" src="image/image0.jpg" value="0">
<input type="image" id="swapCard_1" class="swapCard" src="image/image1.jpg" value="1">
<input type="image" id="swapCard_2" class="swapCard" src="image/image2.jpg" value="0">
<input type="image" id="swapCard_3" class="swapCard" src="image/image3.jpg" value="1">
</body>
</html>
var prev_单击；
$（函数（）{
$（'.swapCard'）。单击（函数（）{
var this_click=this.value；
如果（上一次单击===本次单击）{
播放声音（）；
}
否则{
上一次单击=此次单击；
}
});
});
此代码侦听单击。然后，它将以前的单击值与当前的单击值进行比较。如果他们匹配，它会播放声音。如果没有，它将存储当前的单击值以供下次比较。我想这就完成了你想要做的事情。我会做一些改变。首先，我会在你所有的牌上设置一个类，这样你就可以用一个选择器来锁定所有的牌。然后我将使用以下代码：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
var prev_click;
$(function(){
$('.swapCard').click(function(){
var this_click = this.value;
if(prev_click === this_click){
playSound();
}
else{
prev_click = this_click;
}
});
});
</script>
</head>
<body>
<input type="image" id="swapCard_0" class="swapCard" src="image/image0.jpg" value="0">
<input type="image" id="swapCard_1" class="swapCard" src="image/image1.jpg" value="1">
<input type="image" id="swapCard_2" class="swapCard" src="image/image2.jpg" value="0">
<input type="image" id="swapCard_3" class="swapCard" src="image/image3.jpg" value="1">
</body>
</html>
var prev_单击；
$（函数（）{
$（'.swapCard'）。单击（函数（）{
var this_click=this.value；
如果（上一次单击===本次单击）{
播放声音（）；
}
否则{
上一次单击=此次单击；
}
});
});
此代码侦听单击。然后，它将以前的单击值与当前的单击值进行比较。如果他们匹配，它会播放声音。如果没有，它将存储当前的单击值以供下次比较。我认为这就完成了您要做的事情。使用“==”运算符比较两个变量。将
phpvalphpval