Javascript 切换按钮-单击一个和所有切换开关

--编辑--

我有一个左右滑动的切换按钮。切换和动画工作正常，但在同一页面上添加多个切换按钮实例时会出现问题。当我单击一个切换按钮时，所有切换按钮都使用相同的变量。因此，如果打开一个按钮，然后单击另一个按钮，则第二个按钮不会滑开，因为它认为应该关闭。您会将isChecked变量放在哪里，以便每个实例的isChecked变量都不同

js小提琴

无线电开关滑块位于内容物顶部，来回滑动，显示是或否

<div class="toggle-radio-switch" id="toggle3">
    <span>yes</span>
    <span>no</span>
    <div class="radio-switch-slider"></div>
</div>

---

我打赌你的

。切换无线电开关

元素是兄弟元素。从代码中删除

.parent（）

。不需要它，因为

。无线电开关滑块

直接包含在

中。切换无线电开关

$(this).find('.radio-switch-slider')...

---

我加了一把小提琴-就是这样。。。在你指出这一点后，这一点很明显，但现在每个人都在单独工作，var不是本地设置的，因此所有的切换都使用相同的var=/您如何使var在该脚本中的每个切换都是本地的？您可以使用

数据
将其存储在元素本身上，或者只需检查
边距
的当前值以查看它处于何种状态。感谢james，这起到了作用。。。只是去掉了var，检查了marin。
$('.toggle-radio-switch').click(function() {
    if ($(this).find('.radio-switch-slider').css('margin-left')=="0px"){
        $(this).find('.radio-switch-slider').animate({'margin-left': '34px'},'150');
    } else {
        $(this).find('.radio-switch-slider').animate({'margin-left': '0px'},'150');
    }
});

$(this).find('.radio-switch-slider')...