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

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. FBI树

    题目描述 我们可以把由"0"和"1"组成的字符串分为三类:全"0"串称为B串,全"1"串称为I串,既含"0&q ...

  2. Mysql升级过程的问题

    升级安装5.6版本mysql linux环境下的yum默认mysql版本是5.1的,由于项目需要保存表情等4个字节的数据,版本受限,需要升级到5.6版本支持utf8mb4格式的编码. 升级过程大概就是 ...

  3. 【cisco探索之路】

    CISCO探索之路 show&debug&clear 1:show show version:显示版本信息show running-config:显示当前的配置show interfa ...

  4. (转载)jsp的内部方法jspInit(),_jspService(),jspDestroy()

    jspInit(){}:jsp Page被初始化的时候调用该方法,并且该方法仅在初始化时执行一次,所以可以在这里进行一些初始化的参数配置等一次性工作,由作者创建jspDestroy(){}:jsp P ...

  5. webpack和sass功能简介

    1.webpack webpack 是一个打包工具,为什么需要打包?因为有的人的脚本开发语言可能是 CoffeeScript 或者是 TypeScript,样式开发工具可能是 Less 或者 Sass ...

  6. you don't have permission to access forbidden

    前几天装一个phpStudy 集成环境,打开测试页面的时候突然出现如下错误: 有一些小总结. 一些小的开发测试在本地开发的话,直接localhost/file  就可以,  如果涉及到大的开发环境,一 ...

  7. [转]Nginx伪静态配置和常用Rewrite伪静态规则集锦

    Nginx伪静态配置和常用Rewrite伪静态规则集锦 作者: 字体:[增加 减小] 类型:转载 时间:2014-06-10 我要评论 伪静态是一种可以把文件后缀改成任何可能的一种方法,如果我想把ph ...

  8. Python特别low的一个文字游戏

    闲来无事 ,调侃舍友的游戏 import os class Role(): def __init__(self,name,sex,fighting): self.name=name self.sex= ...

  9. ruby 数据类型Range

    范围(Range)无处不在:a 到 z. 0 到 9.等等.Ruby 支持范围,并允许我们以不同的方式使用范围: 作为序列的范围 作为条件的范围 作为间隔的范围 作为序列的范围 (1..5) #==& ...

  10. 003---设计首页index页面

    在项目的urls.py文件添加一条url from django.contrib import admin from django.urls import path, re_path from app ...