Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.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
使用JQuery选中复选框_Jquery_Jquery Ui - Fatal编程技术网

使用JQuery选中复选框

使用JQuery选中复选框,jquery,jquery-ui,Jquery,Jquery Ui,我有这个html,我需要根据一个参数选择一个特定的复选框。假设我的参数是15,那么我需要找到data id=15,然后关联复选框并以编程方式选中此复选框。我正在尝试使用jquery,但我对它不是很熟悉。我需要从id=org\u container\u 1的div开始搜索 <div class="department-container" id="org_container_1"> <div class="row department-row" data-

我有这个html,我需要根据一个参数选择一个特定的复选框。假设我的参数是15,那么我需要找到data id=15,然后关联复选框并以编程方式选中此复选框。我正在尝试使用jquery,但我对它不是很熟悉。我需要从id=org\u container\u 1的div开始搜索

<div class="department-container" id="org_container_1">
            <div class="row department-row" data-typeid="1" data-id="14">                    
                <label>
                    <input type="checkbox">                    
                    <span class="department-item">Org1</span>
                </label>                                        
            </div>
            <div class="row department-row" data-typeid="1" data-id="15">                    
                <label>
                    <input type="checkbox">                    
                    <span class="department-item">Org2</span>
                </label>                                        
            </div>
            <div class="row department-row" data-typeid="1" data-id="16">                    
                <label>
                    <input type="checkbox">                    
                    <span class="department-item">Org3</span>
                </label>                                        
            </div>

所以你想在这里用两件事。第一个是正确的jquery选择器,第二个是设置attr'checked',true:


当然,您希望将其封装在函数中,但由于您没有提供js的外观,因此我没有任何您调用此函数的上下文

您可以使用选择器使用数据属性选择器[data attribute name=data attribute value]选择具有数据id的div。然后用输入[type=checkbox]选中复选框,并使用.prop函数进行检查

$.readyfunction{ $'div[data id=15]input[type=checkbox]'。prop'checked',true; }; Org1 Org2 Org3 试试这个:

var param = 15;
$('[data-id="' + param + '"]').find('input').prop('checked',true);
另一种选择:

var-param='15'; $'.department容器.department行'.eachfunction{ 如果$this.attr'data-id'==param{ $'input',this.attr'checked','checked'; } }; Org1 Org2 Org3
你试过什么?如果不尝试解决您的问题,就不要期望得到太多帮助。使用$。每个jquery方法循环遍历每个div。
var param = 15;
$('[data-id="' + param + '"]').find('input').prop('checked',true);