Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery选择带有标签的复选框_Javascript_Jquery_Html - Fatal编程技术网

Javascript jQuery选择带有标签的复选框

Javascript jQuery选择带有标签的复选框,javascript,jquery,html,Javascript,Jquery,Html,我有一个简单的jquery,它在单击单选按钮以选中复选框时运行触发器 <script> jQuery('#op5').click(function () { $('input[type=checkbox]').trigger('click'); }); </script> jQuery('#op5')。单击(函数(){ $('input[type=checkbox

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

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

        });
    </script>

jQuery('#op5')。单击(函数(){
$('input[type=checkbox]')。触发器('click');
});
这些是我的复选框,它们有标签,可以提供自定义样式

<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">

建议?

使用
.prop()
属性并添加选中的
值,而不是单击触发器
如果您使用的是jQuery 1.6+

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

尝试下面的代码

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

您正在使用哪个版本的jQuery

对于jQuery1.6+,使用新的.prop()函数;对于jQuery1.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);
});
查看此帖子了解更多详细信息- 试试prop()和trigger():

因为您有id,所以可以使用id选择器

$('#gridcb0').prop('checked', true).trigger('click');
如果仍要将所有复选框设为目标:

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

attr
需要字符串值并更改文字DOM属性。您应该改为使用将正确更改属性的