Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.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 如何选择选定元素中的所有div_Javascript_Jquery - Fatal编程技术网

Javascript 如何选择选定元素中的所有div

Javascript 如何选择选定元素中的所有div,javascript,jquery,Javascript,Jquery,这是我的HTML代码 <div class="panel-body"> <p> <input name="select_all" type="checkbox" value="1"> Select/Deselect All</p> <div class="input-group"><span class="input-group-addon"> <span><input c

这是我的HTML代码

<div class="panel-body">
    <p> <input name="select_all" type="checkbox" value="1"> Select/Deselect All</p>

    <div class="input-group"><span class="input-group-addon">
        <span><input checked="checked" name="manage_group" type="checkbox" value="1"></span>
        <span class="form-control">Create/manage groups of candidates</span
    </div>

    <div class="input-group"><span class="input-group-addon">
        <span><input checked="checked" name="manage_candidate" type="checkbox" value="1"></span>
        <span class="form-control">Modify candidate details</span>
    </div>
</div>

但它不起作用。它不接受选择器内的“选定”变量。如何选择所选元素中的所有复选框?

您可以按照以下操作。在最近的
面板主体中找到所有
复选框
,并根据
选择所有
状态更改
选中的属性

$(“:复选框[name=select\u all]”。更改(函数(){
$(this).closest(“.panel body”).find(“:checkbox”).not(this).prop('checked',this.checked);
});

选择/取消选择全部

创建/管理候选组 修改候选人详细信息
您可以像下面这样做。在最近的
面板主体中找到所有
复选框
,并根据
选择所有
状态更改
选中的属性

$(“:复选框[name=select\u all]”。更改(函数(){
$(this).closest(“.panel body”).find(“:checkbox”).not(this).prop('checked',this.checked);
});

选择/取消选择全部

创建/管理候选组 修改候选人详细信息
您的问题是这一行:-

this.closest(".panel-body");
其中,
是元素,而不是jQuery对象

你可以像这样实现你想要的:-

$(“.panel body p input[type='checkbox']”)。更改(函数(){
所选变量=$(此).closest(“.panel body”);
selected.find(“div input[type='checkbox']”).prop('checked',this.checked);
});


选择/取消选择全部

创建/管理候选组 修改候选人详细信息
您的问题是这一行:-

this.closest(".panel-body");
其中,
是元素,而不是jQuery对象

你可以像这样实现你想要的:-

$(“.panel body p input[type='checkbox']”)。更改(函数(){
所选变量=$(此).closest(“.panel body”);
selected.find(“div input[type='checkbox']”).prop('checked',this.checked);
});


选择/取消选择全部

创建/管理候选组 修改候选人详细信息
像这样尝试,因为selected已经是jquery选择器:
selected.find(“div input[type='checkbox'])
selected.find()不起作用。未捕获的TypeError:selected.find不是函数请像这样尝试,因为selected已经是一个jquery选择器:
selected.find(“div input[type='checkbox'])
selected.find()不起作用。未捕获的TypeError:selected.find不是一个函数非常感谢@BenG,我在这里发布之前撞了好几个小时的头。您不仅解决了这个问题,还对我进行了更多的jquery方面的教育。非常感谢。非常感谢@BenG,我在贴到这里之前撞了好几个小时的头。您不仅解决了这个问题,还对我进行了更多的jquery方面的教育。非常感谢你。