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/

Answer 2

尝试以下代码

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

Answer 3

您使用的是哪个版本的jQuery

对于jQuery 1.6+，使用新的.prop（）函数，对于jQuery 1.5.x及更低版本，使用.attr（）函数

// jQuery 1.6+
$('#op5').click(function () {
    $('#gridcb0').prop('checked', true);
});

// jQuery 1.5.x and below
$('#op5').click(function () {
    $('#gridcb0').attr('checked', true);
});

查看此帖子了解更多详情 - Setting "checked" for a checkbox with jQuery?

Answer 4

尝试prop（）和trigger（）：

由于你有id，你可以使用id选择器

$('#gridcb0').prop('checked', true).trigger('click');

如果您仍希望定位所有复选框：

$('input[type=checkbox]').prop('checked', true).trigger('click');

jQuery选择带标签的复选框

4 个答案: