Javascript 如何使用jquery禁用/启用radcombobox内的多个复选框?
我有一个ItemTemplate,其中每个项目都包含一个启用了复选框的RadComboBox。我需要应用一些业务逻辑,根据用户的选择禁用或启用组合框中的复选框。我需要知道的是,如何禁用这些复选框。例如:Javascript 如何使用jquery禁用/启用radcombobox内的多个复选框?,javascript,jquery,asp.net,telerik,Javascript,Jquery,Asp.net,Telerik,我有一个ItemTemplate,其中每个项目都包含一个启用了复选框的RadComboBox。我需要应用一些业务逻辑,根据用户的选择禁用或启用组合框中的复选框。我需要知道的是,如何禁用这些复选框。例如: <Combobox CssClass="Assignees"> <cb> <Item 1> <cb> <Item 2> <cb> <Item 3> <cb> <I
<Combobox CssClass="Assignees">
<cb> <Item 1>
<cb> <Item 2>
<cb> <Item 3>
<cb> <Item 4>
只需获取组合框中的所有复选框。这并没有归还任何东西。然后我知道我需要从这里开始检查itemdata以确定“类型”,这样我就可以知道隐藏或显示什么
谁能给我指出正确的方向吗
编辑:
根据要求,HTML。我能从中找到这个。只是看着它,我不知道该做什么。加载到项目列表中的项目实际上是包含3个字段的对象;名称、guid和类型。我需要查看应用业务逻辑的类型,但我甚至没有看到它出现在这里:
<div id="ctl00_MainContent_lsvTickets_ctrl0_lsvActions_cboAssignTo" class="RadComboBox RadComboBox_Default AssigneeTag" ItemDataBound="Assignees_Bound" style="width:160px;">
<table summary="combobox" style="border-width:0;border-collapse:collapse;table-layout:fixed;width:100%">
<tr class="rcbReadOnly">
<td style="margin-top:-1px;margin-bottom:-1px;width:100%;" class="rcbInputCell rcbInputCellLeft">
<input name="ctl00$MainContent$lsvTickets$ctrl0$lsvActions$cboAssignTo" type="text" class="rcbInput" id="ctl00_MainContent_lsvTickets_ctrl0_lsvActions_cboAssignTo_Input" value="" style="display: block;" readonly="readonly" />
</td>
<td style="margin-top:-1px;margin-bottom:-1px;" class="rcbArrowCell rcbArrowCellRight"><
a id="ctl00_MainContent_lsvTickets_ctrl0_lsvActions_cboAssignTo_Arrow" style="overflow: hidden;display: block;position: relative;outline: none;">select</a>
</td>
</tr>
</table>
<div class="rcbSlide" style="z-index:6000;">
<div id="ctl00_MainContent_lsvTickets_ctrl0_lsvActions_cboAssignTo_DropDown" class="RadComboBoxDropDown RadComboBoxDropDown_Default " style="float:left;display:none;">
<div class="rcbScroll rcbWidth" style="width:100%;">
<ul class="rcbList" style="list-style:none;margin:0;padding:0;zoom:1;">
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />Mike ITTest</li>
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />Jeremy Stafford</li>
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />John Bell Test (Info. Tech.)</li>
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />Mike ITTest (Info. Tech.)</li>
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />AG Cust Support</li>
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />AG Eng Support</li>
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />AG HR Support</li>
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />AG IT Support</li>
</ul>
</div>
</div>
</div>
<input id="ctl00_MainContent_lsvTickets_ctrl0_lsvActions_cboAssignTo_ClientState" name="ctl00_MainContent_lsvTickets_ctrl0_lsvActions_cboAssignTo_ClientState" type="hidden" />
</div>
<
a id=“ctl00\u main content\u lsvTickets\u ctrl0\u lsvActions\u cboAssignTo\u Arrow”style=“溢出:隐藏;显示:块;位置:相对;轮廓:无;”选择
Mike ITTest
杰里米·斯塔福德
约翰·贝尔测试(信息技术)
Mike ITTest(信息技术)
AG客户支持
农业工程支持
AG人力资源支持部
IT支持
首先,HTML中有一个语法错误,在我修复它之前,它对我不起作用
请看这里:(返回字符“后出错,因为您陷入了Telerik控件的混乱抽象中,请后退一步,查看客户端上的HTML输出。也向我们展示HTML,因为您的jQuery需要使用它。
<div id="ctl00_MainContent_lsvTickets_ctrl0_lsvActions_cboAssignTo" class="RadComboBox RadComboBox_Default AssigneeTag" ItemDataBound="Assignees_Bound" style="width:160px;">
<table summary="combobox" style="border-width:0;border-collapse:collapse;table-layout:fixed;width:100%">
<tr class="rcbReadOnly">
<td style="margin-top:-1px;margin-bottom:-1px;width:100%;" class="rcbInputCell rcbInputCellLeft">
<input name="ctl00$MainContent$lsvTickets$ctrl0$lsvActions$cboAssignTo" type="text" class="rcbInput" id="ctl00_MainContent_lsvTickets_ctrl0_lsvActions_cboAssignTo_Input" value="" style="display: block;" readonly="readonly" />
</td>
<td style="margin-top:-1px;margin-bottom:-1px;" class="rcbArrowCell rcbArrowCellRight"><
a id="ctl00_MainContent_lsvTickets_ctrl0_lsvActions_cboAssignTo_Arrow" style="overflow: hidden;display: block;position: relative;outline: none;">select</a>
</td>
</tr>
</table>
<div class="rcbSlide" style="z-index:6000;">
<div id="ctl00_MainContent_lsvTickets_ctrl0_lsvActions_cboAssignTo_DropDown" class="RadComboBoxDropDown RadComboBoxDropDown_Default " style="float:left;display:none;">
<div class="rcbScroll rcbWidth" style="width:100%;">
<ul class="rcbList" style="list-style:none;margin:0;padding:0;zoom:1;">
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />Mike ITTest</li>
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />Jeremy Stafford</li>
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />John Bell Test (Info. Tech.)</li>
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />Mike ITTest (Info. Tech.)</li>
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />AG Cust Support</li>
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />AG Eng Support</li>
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />AG HR Support</li>
<li class="rcbItem "><input type="checkbox" class="rcbCheckBox" />AG IT Support</li>
</ul>
</div>
</div>
</div>
<input id="ctl00_MainContent_lsvTickets_ctrl0_lsvActions_cboAssignTo_ClientState" name="ctl00_MainContent_lsvTickets_ctrl0_lsvActions_cboAssignTo_ClientState" type="hidden" />
</div>
<td style="margin-top:-1px;margin-bottom:-1px;" class="rcbArrowCell rcbArrowCellRight"><
a id="ctl00_MainContent_lsvTickets_ctrl0_lsvActions_cboAssignTo_Arrow" style="overflow: hidden;display: block;position: relative;outline: none;">select</a>
</td> // also see no reason for display block on "a" as it will cause it to have 0 width and be invisible (more or less)
<td style="margin-top:-1px;margin-bottom:-1px;" class="rcbArrowCell rcbArrowCellRight">
<a id="ctl00_MainContent_lsvTickets_ctrl0_lsvActions_cboAssignTo_Arrow" style="overflow: hidden;position: relative;outline: none;">select</a>
</td>
$(function() {
$("#rcbCheckAll").on("change", function(e) {
$(".rcbCheckBox").prop("checked", $(this).prop("checked"));
});
$(".rcbCheckBox").on("change", function(e) {
if (!$(this).is("checked")) $("#rcbCheckAll").prop("checked", false);
});
})