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

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. (mybatis)There is no getter for property named 'isEffective' in 'class java.lang.String

    原来代码: <select id="findSpecialOffer" resultType="com.lizard.back.model.SpecialOffer ...

  2. NEC css规范

    CSS规范 - 分类方法 SS文件的分类和引用顺序 通常,一个项目我们只引用一个CSS,但是对于较大的项目,我们需要把CSS文件进行分类. 我们按照CSS的性质和用途,将CSS文件分成“公共型样式”. ...

  3. js解决异步的方法汇总

    参考:https://www.cnblogs.com/zuobaiquan01/p/8477322.html 一.callback回调函数 回调是一个函数被作为一个参数传递到另一个函数里,在那个函数执 ...

  4. 在cmd下面执行.py文件时提示ModuleNotFoundError 但是 IDE 不报错

    原理是 python 解释器寻找 模块的顺序决定,不细说 简略来讲就是 在 IDE中运行,会自动帮你把项目根目录添加到 PYTHONPATH 中,但是在 cmd 运行需要自己添加. 解决方法: 1. ...

  5. Laravel 集合的处理

    其中的方法有: $arrs = collect($arr)->collapse()->collapse() //去除最外一层数组,不论最外层数组时否有值,都会去除掉 collect($ar ...

  6. Git详解及github的使用

    1.Devops介绍 1.Devops是什么 开发 development 运维 operations 2.Devops能干嘛 提高产品质量 1 自动化测试 2 持续集成 3 代码质量管理工具 4 程 ...

  7. vue $set修改对象

    在vue开发中,当生成vue实例后,再次给数据赋值时,有时候并不会自动更新到视图上去: eg:<!DOCTYPE html> <html> <head> <m ...

  8. Windows使用Node.js自动生成Vue.js模版环境部署步骤-----记录

    node.js官网下载并安装node 进入node文档目录下,运行cmd 输入 node -v 查看node版本 出现表示安装完成 输入 npm -v 显示npm版本信息 安装cnpm 输入 npm ...

  9. Python学习:2.Python集成学习环境(IDE)Pycharm的安装配置以及激活方

    一.下载Pycharm Pycharm作为Python现在最流行的集成开发环境,我们今后的Python的学习也就使用Pycharm进行,那今天我们就讲一下Pycharm的安装配置以及激活 1.我们首先 ...

  10. 计蒜客-----跳跃游戏(C语言)

    /********************************************************给定一个非负整数数组,假定你的初始位置为数组第一个下标.数组中的每个元素代表你在那个位 ...