如何在单选按钮上添加和删除类?

费迪安

我在JSFiddle上找到这个时遇到了问题

http://fiddle.jshell.net/pepesustaita/sdL2v/

有两个收音机用于采样,但是我需要超过2.个。

 $(document).ready(function(){
    $('#radio1').click(function(){
        $('.what1').addClass('active1').siblings().removeClass('active');       
    });
    $('#radio2').click(function(){
        $('.what2').addClass('active').siblings().removeClass('active1');       
    });
});

如何为第3,第4等添加更多条件?

扎克·索格洛(Zach Sogolow)

如果我理解正确,那么您正在寻找比为每个元素分配单独的单击处理程序更通用的解决方案?也许,遵循以下思路:

$(document).ready(function(){
    $('input[type="radio"]').click(function( ){
        $('input[type="radio"]').siblings().removeClass('active');
        $(this).next().next().addClass('active');
    });
});

这会将相同的单击处理程序附加到单选类型的每个输入。单击单选按钮时,活动类别将从所有其他单选按钮中删除,然后将活动类别添加到最后单击的单选按钮。

小提琴:http//fiddle.jshell.net/adrv14of/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在vue.js中的更改单选按钮上从父div添加/删除类

根据选中的单选按钮在页面上的元素上添加和删除活动类

如何在按钮点击时添加和删除类

如何在点击按钮上添加类

pyqtgraph:如何在图形图例上添加单选按钮?

如何在文字和单选按钮之间添加空格?

在反应按钮上添加和删除类

在 React 中的按钮上添加和删除类

如何在列表中的两个按钮之间添加和删除活动类?

通过单选按钮切换时添加和删除类

如何为选定的按钮添加和删除类?

如何在ReactJS中添加和删除列表的添加类?

如何在Bootstrap中一起添加单选按钮和按钮下拉列表?

如何在图像上包含单选按钮?

如何在ng-click按钮上添加活动类?

如何在Nautilus工具栏上添加/删除按钮?

如何在Eclipse上添加/删除视图按钮?

Laravel:如何在删除按钮上添加确认?

如何在AngularJS中将选中的类添加到单选按钮

选择特定的选定单选按钮时,如何添加和删除数据?

如何在Django管理中添加编辑和删除按钮

如何在Jquery中的元素上删除/添加活动类?

在javascript中添加和删除类的按钮

通过按钮列表添加和删除类

如何在html和css中删除包含单选按钮的字段集周围的边框?

jQuery根据选定的单选在元素上添加/删除css类

如何在按钮组中添加单选按钮?

如何在多步javascript表单中添加单选按钮、复选框和选择字段?

jQuery根据单选检查值添加和删除类