javascript - jQuery 选择带有标签的复选框

Question

我有一些简单的 jquery，它在单击单选按钮时运行触发器以选中我的复选框。

    <script>
        jQuery('#op5').click(function () {
            $('input[type=checkbox]').trigger('click');                

        });
    </script>

这些是我的复选框，它们带有标签以赋予它们自定义样式。

<input type="checkbox" certificate="true" checked="checked" id="gridcb0" siteid="1381" value="72218" class="custom selector checkedFocus">
<label for="gridcb0" class="white">&nbsp;</label>

这是我单击以选中复选框的单选按钮

<input type="radio" id="op5" value="1" name="options2" class="custom">

但是它没有在第一次点击时选中我的复选框，它需要我点击单选按钮 op5 两次来选中这些框，我不想运行下面的行两次来突出显示这些复选框

<input type="radio" id="op5" value="1" name="options2" class="custom">

建议？

Answer 1

使用 .prop() 属性并添加值 checked 而不是触发点击如果您使用的是 jQuery 1.6+

jQuery('#op5').click(function () {
    $('input[type=checkbox]').prop('checked', true);
});

文档:https://api.jquery.com/prop/