【积累】根据CheckBox的不选中 ，用JQuery 清除 RidaoButtonList 的选中项

如题，项目要求无刷新更新数据。

1）Web页面布局 Html以及效果图

  
 1  <asp:ListView ID="RoleSFGroupListView" runat="server" DataKeyNames="SFGroupCode"
 2                             EnableTheming="True" ClientIDMode="Static">
 3                             <EmptyDataTemplate>
 4                                 <table id="tbl_nodata" runat="server">
 5                                     <tr id="Tr1" class="selected" runat="server" >
 6                                         <td id="Td1" runat="server">
 7                                             No data was returned.
 8                                         </td>
 9                                     </tr>
10                                 </table>
11                             </EmptyDataTemplate>
12                             <ItemTemplate>
13                                 <tr>
14                                     <td>
15                                       <asp:CheckBox ID="SFGroupCodeCheckBox" runat="server" Text='<%# Bind("SFGroupCode") %>'  onclick="CheckBoxSFGroupCodeSelect(this)"/>
16                                       (<asp:Label ID="SFGroupNameLabel" runat="server" Text='<%# Bind("SFGroupName") %>' ></asp:Label>)
17                                     </td>
18                                     <td>
19                                       <asp:RadioButtonList ID="AccessRightRadioBtnList" runat="server" RepeatDirection="Horizontal" >
20                                          <asp:ListItem Text="Read only"  Value="0"></asp:ListItem>
21                                          <asp:ListItem Text="Read and Edit" Value="1"></asp:ListItem>
22                                       </asp:RadioButtonList>
23                                     </td>
24                                   
25                                 </tr>
26                             </ItemTemplate>
27                             <LayoutTemplate>
28                                 <table id="tbl_layout" runat="server" cellspacing="0" cellpadding="0" style="border-collapse: collapse;">
29                                     <tr id="Tr1" runat="server">
30                                         <td id="Td1" runat="server">
31                                             <table id="tbl_item" runat="server" class="grid" border="0" style="">
32                                                 <tr id="Tr2" runat="server" class="selected">
33                                                     <th id="Th1" runat="server">
34                                                         <asp:Label ID="SFGroupNameLabel" Text="S&F Group" meta:resourcekey="SFGroupNameLabel" runat="server"></asp:Label>
35                                                     </th>
36                                                      <th id="Th2" runat="server">
37                                                         <asp:Label ID="ReadableDescriptionLabel" Text="Access Right" meta:resourcekey="ReadableDescriptionLabel" runat="server"></asp:Label>
38                                                     </th>
39                                                    
40                                                 </tr>
41                                                 <tr id="itemPlaceholder" runat="server">
42                                                 </tr>
43                                             </table>
44                                         </td>
45                                     </tr>
46                                 </table>
47                             </LayoutTemplate>
48                         </asp:ListView>
Web代码

 

 

 

 

 

 

 

 

2)   jQuery代码 （需要自己添加jquery引用）

 1 <script language="javascript" type="text/javascript">
 2       
 3         //obj--标签（CheckBox）
 4         //ischecked--是否选中
 5         function CheckBoxSFGroupCodeSelect(obj, ischecked) {
 6             if (ischecked == undefined) {
 7                 ischecked = $(obj).attr("checked");
 8             }
 9             //改变isreadable,iseditable状态 
10             if (ischecked == false) {
11                 var accessRightRadioName = $(obj).attr("name").replace("SFGroupCodeCheckBox", "AccessRightRadioBtnList");
12                 var accessRightRadio = document.getElementsByName(accessRightRadioName);
13                 accessRightRadio[0].checked = false;
14                 accessRightRadio[1].checked = false;
15             }
16         }
17 
18     </script>
代码

 

我百度了好久都没有找到想要的，我自己对js和jquery也不是很熟悉，所以分享出来给没有接触过的童鞋看看。^_^

posted @ 2013-09-03 16:24  细品人生  阅读(852)  评论(0)  编辑  收藏  举报