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

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

 aaarticlea/png;base64,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" alt="" />
  <asp:ListView ID="RoleSFGroupListView" runat="server" DataKeyNames="SFGroupCode"
EnableTheming="True" ClientIDMode="Static">
<EmptyDataTemplate>
<table id="tbl_nodata" runat="server">
<tr id="Tr1" class="selected" runat="server" >
<td id="Td1" runat="server">
No data was returned.
</td>
</tr>
</table>
</EmptyDataTemplate>
<ItemTemplate>
<tr>
<td>
<asp:CheckBox ID="SFGroupCodeCheckBox" runat="server" Text='<%# Bind("SFGroupCode") %>' onclick="CheckBoxSFGroupCodeSelect(this)"/>
(<asp:Label ID="SFGroupNameLabel" runat="server" Text='<%# Bind("SFGroupName") %>' ></asp:Label>)
</td>
<td>
<asp:RadioButtonList ID="AccessRightRadioBtnList" runat="server" RepeatDirection="Horizontal" >
<asp:ListItem Text="Read only" Value=""></asp:ListItem>
<asp:ListItem Text="Read and Edit" Value=""></asp:ListItem>
</asp:RadioButtonList>
</td> </tr>
</ItemTemplate>
<LayoutTemplate>
<table id="tbl_layout" runat="server" cellspacing="" cellpadding="" style="border-collapse: collapse;">
<tr id="Tr1" runat="server">
<td id="Td1" runat="server">
<table id="tbl_item" runat="server" class="grid" border="" style="">
<tr id="Tr2" runat="server" class="selected">
<th id="Th1" runat="server">
<asp:Label ID="SFGroupNameLabel" Text="S&F Group" meta:resourcekey="SFGroupNameLabel" runat="server"></asp:Label>
</th>
<th id="Th2" runat="server">
<asp:Label ID="ReadableDescriptionLabel" Text="Access Right" meta:resourcekey="ReadableDescriptionLabel" runat="server"></asp:Label>
</th> </tr>
<tr id="itemPlaceholder" runat="server">
</tr>
</table>
</td>
</tr>
</table>
</LayoutTemplate>
</asp:ListView>

Web代码

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

 <script language="javascript" type="text/javascript">

         //obj--标签(CheckBox)
//ischecked--是否选中
function CheckBoxSFGroupCodeSelect(obj, ischecked) {
if (ischecked == undefined) {
ischecked = $(obj).attr("checked");
}
//改变isreadable,iseditable状态
if (ischecked == false) {
var accessRightRadioName = $(obj).attr("name").replace("SFGroupCodeCheckBox", "AccessRightRadioBtnList");
var accessRightRadio = document.getElementsByName(accessRightRadioName);
accessRightRadio[0].checked = false;
accessRightRadio[1].checked = false;
}
} </script>

代码

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

【积累】根据CheckBox的不选中 ,用JQuery 清除 RidaoButtonList 的选中项的更多相关文章

  1. jquery 设置asp:dropdownlist 选中项

    $("#ddlPro").find('option').each(function () { this.selected = (this.text == dlprom); });

  2. jquery判断复选框checkbox是否被选中

    jquery判断复选框checkbox是否被选中 使用is方法 //如果选中返回true //如果未选中返回false .is(':checked');

  3. jQuery 判断checkbox是否被选中 4种方法

    下午写JS验证,有一个需求需要判断 checkbox是否被选择,查阅相关资料后,总结以下4种方法,分享给大家. <!DOCTYPE html> <html lang="en ...

  4. jquery checkbox radio 标签 选中的3种方法

    张映 发表于 2013-07-16 分类目录: js/jquery 标签:checkbox, jquery, radio, 选中 jquery 很灵活,checkbox radio标签选中的方法有很多 ...

  5. jQuery操作CheckBox的方法(选中,取消,取值)

    jQuery操作CheckBox的方法(选中,取消,取值). 代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional/ ...

  6. JS实现全选与取消 Jquery判断checkbox是否被选中

    1.JS实现checkbox全选与取消 <body> <input type="checkbox" name="select_all"/> ...

  7. 刷新的时候jquery获取checkbox是否为选中和设置选中

    $(document).ready(function(){ $('.uninstall_list_checkbox').click(function(){ if($(this).parent('.un ...

  8. jQuery实现的全选、反选和获取当前所有选中的值功能

    链接: jQuery实现的全选.反选和获取当前所有选中的值功能 <ul id="list"> <li><label><input type ...

  9. jquery--获取input checkbox是否被选中以及渲染checkbox选中状态

    jquery获取checkbox是否被选中 html <div><input type="checkbox" id="is_delete" n ...

随机推荐

  1. 分享一个展示文章列表的CSS样式

    最近在帮朋友处理一个网站前端显示文章列表的时候,其中有个变通的思路,现整理出来留给有需要的朋友参考及自己备忘. 显示效果为:标题左对齐,日期右对齐. 标题和日期中间用常规的原点(“.”) 代替,显示效 ...

  2. 跨交换机的VLAN划分实验

    实验涉及命令以及知识补充 大部分命令和上一篇相同,本篇介绍不同的收获. 上一篇链接: https://www.cnblogs.com/Coeus-P/p/9122462.html 退出命令 ctrl+ ...

  3. SQL、T-SQL与PL-SQL的区别

    SQL.T-SQL与PL-SQL的区别 SQL是Structrued Query Language的缩写,即结构化查询语言.它是负责与ANSI(美国国家标准学会)维护的数据库交互的标准.作为关系数据库 ...

  4. [洛谷P1390]公约数的和·莫比乌斯反演

    公约数的和 传送门 分析 这道题很显然答案为 \[Ans=\sum_{i=1}^n\sum_{j=i+1}^n (i,j)\] //其中\((i,j)\)意味\(gcd(i,j)\) 这样做起来很烦, ...

  5. Python实现trim函数

    Python中其实也有类似Java的trim函数的,叫做strip,举例: #!/usr/bin/python # -*- coding: UTF-8 -*- str = "0000000h ...

  6. alias,unalias命令

    alias unalias 命令 =================================================[root@sambo ~]# aliasalias cp='cp ...

  7. js中String 转化为 Date

    <script> var s=["2008-8-1","2009/9/2","10/3/2010"]; for(var i=0; ...

  8. java递归 斐波那契数列递归与非递归实现

    递归简单来说就是自己调用自己, 递归构造包括两个部分: 1.定义递归头:什么时候需要调用自身方法,如果没有头,将陷入死循环 2.递归体:调用自身方法干什么 递归是自己调用自己的方法,用条件来判断调用什 ...

  9. python 连接MSSQL

    # -*- coding: utf-8 -*- import pymssql conn=pymssql.connect(host=".",user="sa",p ...

  10. python读取大文件和普通文件

    读取文件,最常见的方式是: with open('filename', 'r', encoding = 'utf-8') as f: for line in f.readlines(): do_som ...