默认选择第一个单选选项

Question

我目前正在使用 Opencart，我希望有人可以帮助我解决这个问题，我正在尝试在页面加载时默认选择第一个单选选项，我很确定单选是选择但未单击按钮。我一直在尝试使用这段代码，以便第一个选项 class 在加载时更改为活动状态，因为这就是按钮在单击时改变颜色的方式，但是我无法弄清楚。

< script type = "text/javascript" >
$(document).ready(function() {
    $('#input-option<?php echo $option['
        product_option_id ']; ?>') document.ready(function() {
        $('#input-option<?php echo $option['
            product_option_id ']; ?> span').addClass("active");

    });
}); < /script> < script type = "text/javascript" >
$(document).ready(function() {
    $('#input-option<?php echo $option['
        product_option_id ']; ?>').on('click', 'span', function() {
        $('#input-option<?php echo $option['
            product_option_id ']; ?> span').removeClass("active");
        $(this).addClass("active");
    });
}); < /script>

我真的很感激任何帮助

Answer 1

Select所有你想要名字的单选按钮，用.first()到select第一个。然后设置其checked属性.

$(":radio[name=yourbuttonname]").first().prop("checked", true);

Answer 2

如果我理解正确，您希望第一个单选按钮选项被标记为 'ticked'，就像用户单击它一样。如果这是您想要的，请将 checked="checked" 添加到第一个输入或在第一个输入选项元素上调用 .prop('checked', true)。

默认选择第一个单选选项

Selecting the first radio option by default

javascript

jquery

opencart