好的，我有这个 Jquery，它可以切换页面上的一些单选按钮。我想要它，所以当有人点击其中一个单选按钮时，其他人不会被点击。目前我的方式是他们一次可以选择 3 个，我需要它像一个普通的单选按钮一样，一个被点击而其他的不被点击
jQuery:
$(function () {
$('.box-ul .btn .dot').click(function () {
$(this).toggleClass('clicked');
});
});
HTML:
<div class="box-ul box-video right">
<ul>
<li><span class="yes"></span><p>Easy to Use</p></li>
<li><span class="yes"></span><p>Step by Step<br /><span>details instructions</span></p></li>
<li><span class="yes"></span><p>Setup time<br /><span>under 30 mins</span></p></li>
<li class="btn btn-expanded">
<div class="btn-t">
<span class="dot left"></span>
<p class="left">Expanded<br />
<span>This is the extend button It has space for slightly more info.</span>
</p>
<div class="cl"> </div>
</div>
</li>
<li class="btn">
<div class="btn-t">
<span class="dot left"></span>
<p class="left">Green Doggies</p>
<div class="cl"> </div>
</div>
</li>
<li class="btn">
<div class="btn-t">
<span class="dot left"></span>
<p class="left">Email Support</p>
<div class="cl"> </div>
</div>
</li>
</ul>
</div>
最佳答案
使用.removeClass()对所有不是您首先点击的匹配元素进行分类，如下所示:
$('.box-ul .btn .dot').click(function () {
$('.box-ul .btn .dot').not(this).removeClass('clicked');
$(this).toggleClass('clicked');
});
You can test it here .在这种情况下，我们选择所有其他匹配的 '.box-ul .btn .dot' 元素，过滤掉我们用 .not() 单击的元素。 ，然后做一个 .removeClass()在他们。最后一部分仍然是.toggleClass()因此您也可以通过单击事件的取消选择。如果您不希望能够取消选择(甚至更像是单选按钮)，那么只需将其更改为 .addClass() .
关于javascript - JQuery 仅切换 1 个项目，其他项目未单击，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3277199/