Javascript “图像为”复选框

我有两张照片
我想做的是让它可以点击和选择。
如果选择第一个，则不应选择另一个。
如果我点击一个按钮，它应该在

标签上打印所选图像的值

这是我搜索了很多次后得到的代码：

$（'#img1'）。单击（函数（）{
变量a=$（'img1'）；
//if-else条件应该在这里，以知道它是否已经包含该类
a、 addClass（'单击'）
})
$（'#img2'）。单击（函数（）{
变量a=$（'img2'）；
//if-else条件应该在这里，以知道它是否已经包含该类
a、 addClass（'单击'）
})
$（“按钮”）。单击（函数（）{
var a=$（'#img1'）.val（）；
var b=$（'#img2'）.val（）；
$（'p'）.html（/*所选图像的值*/）
})

。单击{
盒子阴影：0 10像素2像素灰色；
}
img：悬停{
光标：指针；
盒子阴影：0 10像素2像素灰色；
}

复制

$（'img'）。单击（函数（）{
$（'img'）.removeClass（'clicked'））
$（this.addClass（'clicked'）；
console.log（$（this.attr（'data-value'））
})
$（“按钮”）。单击（函数（）{
$（'p'）.html（$（'img.clicked'）.attr（'data-value'））
})

。单击{
盒子阴影：0 10像素2像素灰色；
}
img：悬停{
光标：指针；
盒子阴影：0 10像素2像素灰色；
}

复制

我已经更新了你的js使用

$（'img1'）。removeClass（'clicked'）点击功能

$('#img1').click(function() {
var a = $('#img1');
 $('#img2').removeClass('clicked');
 //A if else condition should be here to know wheather it already contain the class
  a.addClass('clicked')
})
 $('#img2').click(function() {
    var a = $('#img2');
  $('#img1').removeClass('clicked');
//A if else condition should be here to know wheather it already contain the class
 a.addClass('clicked')
})

请使用此代码

$(document).ready(function(){
$('img').click(function() {
    $('img').removeClass('clicked');
  $(this).addClass('clicked');
})
$('button').click(function() {
    var value = $('.clicked').attr("value");
  $('p').html(value);
})
});

试试这个


$（'#img1'）。单击（函数（）{
重置单击（）；
变量a=$（'img1'）；
//if-else条件应该在这里，以知道它是否已经包含该类
a、 addClass（'单击'）
})
$（'#img2'）。单击（函数（）{
重置单击（）；
变量a=$（'img2'）；
//if-else条件应该在这里，以知道它是否已经包含该类
a、 addClass（'单击'）
})
函数resetClick（）{
$（'#img1'）。removeClass（'clicked'）；
$（'#img2'）。removeClass（'clicked'）；
}
$（“按钮”）。单击（函数（）{
$（'p'）.html（$（'img.clicked'）.attr（'value'））；
})
。单击{
盒子阴影：0 10像素2像素灰色；
}
img：悬停{
光标：指针；
盒子阴影：0 10像素2像素灰色；
}



复制


$（'#img1'）。单击（函数（）{
变量a=$（'img1'）；
$（'#img2'）。removeClass（'clicked'）；
//if-else条件应该在这里，以知道它是否已经包含该类
a、 addClass（'单击'）
})
$（'#img2'）。单击（函数（）{
变量a=$（'img2'）；
$（'#img1'）。removeClass（'clicked'）；
//if-else条件应该在这里，以知道它是否已经包含该类
a、 addClass（'单击'）
})
$（“按钮”）。单击（函数（）{
$（'p'）.html（$（'.clicked'）.attr（'value'））
})
。单击{
盒子阴影：0 10像素2像素灰色；
}
img：悬停{
光标：指针；
盒子阴影：0 10像素2像素灰色；
}



复制

W3学校教你有
px
内
width
和
height
属性？不，那是不正确的。