Question

我有一个项目，我使用单选按钮选择来更改类，简单的东西。

这是我第一次使用带有脚本的单选按钮，所以我能解决的问题是为什么单选按钮没有出现检查/选择，我甚至添加了一些jQuery来迫使它们成为＆＃34;检查＆＃34;仍然没有运气。

$('input.eaBtn[type="radio"]').click(function (e) {
    e.preventDefault();
    console.log($(this).data('class'))
    $('.eaStaff').removeClass('transBg darkBg lightBg customBg');
    $('.eaStaff').addClass($(this).data('class'));
    $(this).attr('checked', true);
});

Answer 1

试试这个：

To make it checked
$('#radioId').attr('checked', true);

To make it unchecked
$('#radioId').attr('checked', false);

Answer 2

从点击事件中删除e.preventDefault();。
建议使用更改事件
还可以使用.prop()来检查和取消选中.attr()

Answer 3

删除e.preventDefault();

这是阻止该字段选择此选项的原因。

之后，你不再需要这一行了$(this).attr('checked', true);

jsfiddle

<强> CODE：

$('input.eaBtn[type="radio"]').click(function (e) {
    //e.preventDefault();
    console.log($(this).data('class'))
    $('.eaStaff').removeClass('transBg darkBg lightBg customBg');
    $('.eaStaff').addClass($(this).data('class'));
    //$(this).attr('checked', true);
});

Answer 4

从点击事件中删除e.preventDefault();

jQuery：未检查单选按钮

4 个答案: