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