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

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

 aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYQAAACmCAIAAABVzG8NAAAWL0lEQVR4nO2dz48bx5XH61+ZsyDTkazL8J/QJbFmhQCMrPNsHyYYwg0auZh2QAsQFMCwROjkCKIVzIEIYALWqGEjUgAfAhgIkLVmuF5ihlgG2V1qTzzshKo9dHd1/XjV3fwx7GL394MHiNOsrqpX7/W3q4sUi3EAAHAAVnQHAACAc4gRAMARIEYAACeAGAEAnABiBABwAogRAMAJIEYAACeAGAEAnABiBABwAogRAMAJIEYAACeAGAEAnABiBABwAogRAMAJIEYAACeAGAEAnABiBABwAogRAMAJIEYAACeAGAEAnGBJMQr+NoPBYFtt65WS1VlejEb/w2HbZYgaTBjECFakIWowYRAjWJGGqMGElUqM/v2/OWy7DFGDCSuVGA3/i8O2yxA1mLBSidHpP97CtssQNZiwUonRj3/nsO0yRA0mrFRi9LfJW9h2GaIGE1YqMfrrf74t1r7+rM4i6r/5szj+4pfx0Z99dkoVNk+J7c+PfiaV+OUfCnZw7eZC1Kz2B48xxpj3uLA+JJkTE3Xm68/qdMJEdvqbG4zdePS18dbXn9WdzaJSidEP47dF2qtH7zJ2+9nbH8YvbjPGbjz64/jtD+O33buMMa87fvvHTp2x+kevovLan4Q981hUoSif/FkOKz5qduvejQSguDF/cZsxdveF5c8UO/3oRpKBiakZ5ZpBjNZnzzxG5UqY07efnX50gy0iRmmZFwrc7bviUgkrZ3IHhAgqqRmm411PK1xg/hUcNauF4+8ZUSCGOrwPacoltCy9WHiPCWc93YwcSOIoJ4+oIQxrkg83vNs3pJql1t/tnBY9vHQyrFdKVmfLxYiZd6QXt40U/CFTjFJvYt27cm2S1rx69G6cailiFOa3C1Ot4qOWGs3bz+RhjEdelvV4IqyNeRLcJCJJFJI6k3fJe491ZqTVHx7s6jcnrQOYGS3M8mL03en/FWv3G8nD/c+/NA5e/+KpVPjpx7tMpvGNUtuX+0klL764qha732CM7d8/Td69+vGPUnP795UyP/76ety6XO3pNz83292suRA1eyj371MjJoZaitTur1/Ip0sDHr5ufBO90NIgjqxe56kUICpJnn68GzYaZlHUvaSrYVth9KUoK744ZxCjdduX+3Hi7N+PFefqxz/GL74QmSHyia5HlZgkNU0xUjMMYrQOk0dGek0EhYyjISLS4Gt3JvkGZkiSFvGkgCpGceuaGEVNQIyWZ3kxejm8cMQe/IoxtnsYhC/2HwwvXg5fH16Pcu4Xv794Obz4qr0blrFU8vwXjLFfPSePSNVevAweXmXsavu11PT+g6HR9PWHXw0vXv5+X3SAamLT5lTUhH3VVietjMWRokZMGdLQpAG3RVYKmajEyAe5ufCsqIBInrCrUetJT+QOSJUQXXXISiVGr366KNB+d4cxttv8Vrze/91PF88+2VUPMsbYO5+8fqW+RduTfVH41U+vm6GW3Xku15+8df3hs58uXn378B2z/m8fvsPiAk/2Wfz62Se7jLH3nxQ5aIVHjbJwqMXwKoFIRj4Z6ufvx3ERY64NvlYsrPD9J9ILPaahSafE8dIaioJ757nIkPefqClBtlv8INPJsF4pWZ3lxej70UWh9vrD95Ib6YffRcePPk1us7VPn3/4HmPvPTyKjifFaPvuYU2+Pb/38Gh08f3o4vM7jLH9z6mma5++jg8+vxWdtX8rbvT7p/uMsVufRtVKhYsxB6JmGfM7z6WDz28lgy9FWZSRwnTraXTW53fSiomDcnqIc5V2k55ETd96qiSPqOHWnf24ktcizdRK4pRQvHPFSiVGfzn7JyzDev/KGPuXXtHdiA1RW9X+9LDGWO23r/9y9s/+b3cZ2239qeguLWulEqPCP5vcAnPsw11EbXVLvtDk6heIclqpxOivEw7bLkPUYMJKJUb/9ncO2y5D1GDCSiVGJ//gsO0yRA0mrFRiVPjvZsIWNUQNJqxUYvQfUw7bLkPUYMJKJUZn/8th22WIGkxYqcQIBoNtta1XSlZneTFabz/ABkDUgMDBZIAYVQhEDQgcTAaIUYVA1IDAwWSAGFUIRA0IHEwGiFGFQNSAwMFkgBhVCEQNCBxMhjWIkZePNXUYLE96/o3H416v1+l0Dg4OOp1Or9cbjUYb69ulUmLXlqa0YpRZHmLkArb8m8/nQRC0Wq0gCM7Ozmaz2dnZWRAEvu8PBoP5fL7hfq6REru2IhAjUCS2/AuC4MGDB2/evNGOv3nz5sGDB4PB4PK7dlmU2LUVqZ4YHfs7Ozs7/jHEyAXI/BuPx61WK7xcp9Npu91uNBrtdnsymXDO37x54/v+eDzedF/XgeyayVa7tjpVE6NQinZu+scfeB7nw26dMVbvDpMSxqHwQIRSNH7XC8i2ht16vTvM1YadlPplAi+qLmd5vZNFQeZfr9cLgoBzPp1Or127thNTq9XOz88550EQHB0d8cBjKqt4EnhsoYFLWGTIhWvWbjjlWkYtRi/NbsZniUESmUq0UCkxiqXo8UlUZtits3q9rkpPvV4X4xV4TA6BFpBIp8hAi6s8s41UFhWjxSlUjsj863Q6Z2dnnPN2u72j0mw2OednZ2f37t2jorG8J5sRI+GaDbdcy6glR8VGkaqK0bF/8/GJOHjy+GYiRZIYeV3pahx26/VuV55mqCMnJV7gMVbvBpZMDLz4cEYbyv0lPCWSL8aYFxgNxv2SThB/1rvDuPywW2ee5yn1Sm15npQTSV83Dpl/BwcHs9mMc95oNDQx2tvb45zPZrPDw0Mj0WVV0IYobEwfaKmc51EXllELNaxRs/JVZhV44ZqNjblGZh2RMWm12MXIOCt0QM5U86QSi1E0Ddrxjzk3pEgWoyBJnfBVnFZ57keW26J0feduQ7wcdutq9gfKDSVJgUSejMe0YbcuvSe9SuQrca04NVp6ZtTpdFKmD8QQUQOtDQ11rWnlqGE1Q2SfbOaZGW3ANWvWUeemD5DlTqyfVe3HtJOT40h/dnZu+r4mRYoYieSJ/pWFwphTEMs/ZjyG6kQopQ3FBUIE43mV2hFV6LhFjCT1qneHah4o7Rf3pJa+ZjSZTGq1mlCiK1euDIdDznkQBL1ez1yyiIeFHCK5VSLAZjn93XgBUB9WOQix1NuGM8+a0QZcs51hdY2uxbKyRZ1VbTEKiadHuhSpYhSlUZxEaTMjfSzpQGtT9pQ2tIiSKcDq3a6npKORAKQYSWfoF5LTYjQajXzfDz9yOj8/bzabe3t7zWYzVKLwI6fRaCRfmGqoyCEiBjr9ylbu+9IYasMqHVNDTCG7ZrIx17KyTrp9ZYkR/VgAMRKvlQVs4wFNKqPc1MS6jnJlayOXT4yImZGlDTlwafcjJePNaOYRo62ZGXHOB4NBypdx+v0+59q1ID/bWqaduQY6wTYzSqlFCbEFF1zLOmOBmREhRpgZpX6api5lJ2WUS1w8gGnrM/o6YQ4xMteMbG0k8Uye2ekUEL3STrE/pumptS1rRpzz+Xw+GAx83ze/ptzv96OvKedZWBFDRA20tsSSc80o4yrO+hjeBdeyso64HS+yZkScVWkxyvd/09Sbmv7EHNfsaRNaGdvzeKB+mmZvY5h8wBAQQmJNEbU/4ZG69mmafp7wRfk0r0AtWu3/phnXQqIe1iFSBlo6qjwJC5JazGBalxZzTTILdi0j6yQv0mox1oyYtW1Ru8hUc0zKKUYuUNyjTx7UNYniOupa1FYlrxYBAgeToSRi5KAcJbdU5aZaZCfdi9ryaM++YFEcTIbSiBHIBlEDAgeTAWJUIRA1IHAwGSBGFQJRAwIHkwFiVCEQNSBwMBkgRhUCUQMCB5MBYlQhEDUgcDAZIEYVAlEDAgeTAWJUIRA1IHAwGZYXIxgMttW2XilZHcyMKgSiBgQOJgPEqEIgakDgYDJAjCoEogYEDiYDxKhCIGpA4GAyQIwqBKIGBA4mA8SoQiBqQOBgMmzylx5BwaTnX8bPIW4zJXZtaUorRpnlIUYuYMu/+XweBEGr1TJ/KHowGEQ/FL2dlNi1FYEYgSKx5V8QBClbaAwGg8vv2mVRYtdWpHpiFO6k5h9DjFyAzL/xeNxqtcLLdTqdttvtRqPRbrcnkwmPNxcbj8eb7us6kF0z2WrXVqdqYhRt6njTP/4gKSP/NrS5pQv9Tuo+ncoPS9trXwvGJkVLV5Ozl2KDEerHnlN+kJ78tW0y/8S2q9Pp9Nq1a2ITzlqtdn5+zjkPguDo6Mi2oely2LbdyWaRgc+zo6xDrmXUYu4OYt3TrdJbFZFlYil6fJKUkfaA0f5S3pE30uNCYcgQy1edvfZ1sY79KNI81Un/Bf/U3hCnkvknNqRvt9s7Ks1mk3N+dnZ27969lM3FlmAzYiRcs+GWaxm15KiY2nOpkmKkbt2o7SwblknZR1RPgGRYw2s3sOQguX8jWbvXFbtLmdMoeXPjej0+IN2L4vtNXIPUGL3dl+epB5VO0Z5a25P3wDL/VLdlkzTI2KGNzL+Dg4PZbMY5bzQamhjt7e1xzmez2eHhoZHo+n5zureaM0o5z6MurFwDGTUb0C5bXLOxMdeMMyw5klaLXYyMs0IH5Hw1TyqxGEXToB3/mHNik2t9E8ekIk+9tmzSv8hesmbtYeWa6ul6N1TnKZJoKOdoj2mWjVD1Y5or6SKVvFQ3yNV6q2xem5xq37t26ZlRp9PJte2qMgTU4C2+o6xtl1mLy7RrNjbjGnUGmSPZA2S5H2NH2RjP8/jJyXGkPzs7N31fk6IUMVKPUbccqpx0VHngsdWuzEaiAMmxJcvJ7hpXPbWXbHy2XIstG+yeKmcpmmfIblJ5LDvqhalfpulrRpPJpFarCSW6cuXKcDjknAdB0Ov1zCULaUPUrDtCyj7iUl9zDaTsPOEy7ZqNzbhmO8PqGl2LZWWLOqvaYhQST490KcotRsphZRTpctpkPVWMxHuSGOmhtUqjMReRbtBGzXItmYtM2m3YlmlUb7WdtL1AvzBzidFoNPJ9P/zI6fz8vNls7u3tNZvNUInCj5xGo5G2La62NmdeI6Yz6Vd23oFU5oqmy1bXTDbmGnUG5VpGLZaZke2mWnUx4sQDmlwm5X6oP1HoRbNnRnlXpOLXVJy0FDElJffMyC5GNk/J9tKzSj4YeMzrahdmLjHinA8Gg5Qv4/T7fX08lOdZqmuUM8vNjFJqoVx20bWsMxaYGVnu2xCjGOPTNHUpWymjrqHIf6lDbay1ZK8ZpdUuPaFTa0Yi/2gxUp/v860ZpcyMLJ6S7VFrRsnVolQeeEwbs3xrRpzz+Xw+GAx83ze/ptzv96OvKedZWBFdszqz8JpRxlWc9YGpC65RZ5A5kj1A1PMfcValxWiR/5s27Ob5npE+hLYncWqeYdY+7EqfXaiHleaUVsS70md54bF6jk/TUh/TSE9t7cm3PfUU0Ru6KX1sVvu/aca1oIs90TXVmeRovdvV+5Z3IKkn7kwKdo04w5IjabUYa0bM2vbQyFdzTMopRsWStmYgFyKlrEzoFyYxMO5EbT3k1SJA4GAybL0Y5ZKjsouR9MCQHCHWmByK2qqYLoOFcDAZSiBGIC+IGhA4mAwQowqBqAGBg8kAMaoQiBoQOJgMEKMKgagBgYPJADGqEIgaEDiYDBCjCoGoAYGDyQAxqhCIGhA4mAwQowqBqAGBg8mwvBjBYLCttvVKyepgZlQhEDUgcDAZIEYVAlEDAgeTAWJUIRA1IHAwGSBGFQJRAwIHkwFiVCEQNSBwMBkgRhUCUQMCB5Nh87/0CAojPf8yfg5xmymxa0tTWjHKLA8xcgFb/s3n8yAIWq2W+UPRg8Eg+qHo7aTErq1I9cQo3LzIP4YYuYAt/4IgSNlCYzAYXH7XLosSu7YiVROjaB+1m/7xBxAjByDzbzwet1qt9M3FxuPxJXftUpBdm06n7Xa70Wi02+3JZMK33LXVqZYYxVL0+EQqI29xIG/yoKLtRGj7/eqhsq88WW/KrySb2w4tTmrP09H3uMqzvUyu3QdSepu6o6z1rCA4OjpaxVWiTuu+8VksEizh2nQ6vXbtmthftFarnZ+fc9dcy6jF3B3Euqdbpbcq4lzfLU3bzDEso+xrJm2WZ49ftAkL+WZyZabUm0eMVmANmWdcXan9WkmOyPzLsyH9vXv3UjYXW6YnGxEj4Vq73d5RaTab3DXXMmrJUTG151IFxSje2do/5pzYV1Zsby0PjRi6lI17lb2p9HelbaPMeqXNqrQ9ieN7R/xu5h5o8Y5rZj9sCaK1ph1UtkRT/5X61VX37lY3sl4KMv8ODg5ms7S8nM1mh4eHhqv0lm6Et/purYyFI5pz3zRt8KNmA3pwLK41Gg1NjPb29jbpmnGGJa/Sasm8ZSdnGblUmX3TPM/jJyfHkf7s7Nz0fWOL62R760Uuac55rr1kU+rVt+pU99/Mtzusfiyr52RriRvRq+zHtOSCUy635dVo6ZlRp9PJte2qMmzUgC++o6xtl1nL4NCupcyMNuAadQaZV9kDZLvxYUfZiGTNKJ4e6VKkrCsRtxXtadgMpRkDMwPpeonNw4xr3ZADnmSNPOuybFVt7bl8julFjjWjWHZUZ5d/Ult6zajX65lLFnL05GHTB4EaAvtwxK9tgy8PEzE4tGuTyaRWq4nUvHLlynA43JhrtjOsrtG1WFa2qLMgRpxz4gGNKBOh3lcWnBmlr/IaUws1khYxUroRvWvZhljqhu0BU23NLJhnATu84LTLbc1iNBqNfN9P/zRtNBrJHqjPxfpFYjwWE0NgBjXv4CfHyMGxunZ+ft5sNvf29prNZqhEG3ONOoNyLaOWlFyDGMUYQqMuZSdl9OcL5fFoQTGSczCtXlPtFp8ZLSpGVGtLzYxC17ra5bZmMeKcDwaDlC/j9Pt9w1XpUwIy4bOGIP/MKKUWanBcdC3rjAVmRsRVgpnRct/AVodTfdZdZc0opV69AfVZPd+a0fJipK0MJAelZfP0BAo8pq9UrXnNiHM+n88Hg4Hv++bXlPv9fvQ15TwLK+JCJodAnQrnXDPKuIqzPoZ3wTXqDDKvsgeICjxxVqXFKP//TZMnrPL9f2Ex0q5Jst5htx79OUw+WBCfzol3pRZEOfnAwo9pVGtG3VYxSnpNNrq8Fq32f9MMVxP1kFyL+5o+BPVul/Ai1+Ar6ZByrbnkGnGGJa/SajHWjJi1bUsuqdWVUoyKYvnHlS1Cv9xWctqFqK2TvFoECBxMhi0Wo9LLkfQYkBxZxWE3orYezMEBC+FgMmy1GIHFQNSAwMFkgBhVCEQNCBxMBohRhUDUgMDBZIAYVQhEDQgcTAaIUYVA1IDAwWSAGFUIRA0IHEwGiFGFQNSAwMFkgBhVCEQNCBxMhuXFCAaDbbWtV0pWZ0kxAgCA9QIxAgA4AcQIAOAEECMAgBNAjAAATgAxAgA4AcQIAOAEECMAgBNAjAAATgAxAgA4AcQIAOAEECMAgBNAjAAATgAxAgA4AcQIAOAEECMAgBNAjAAATgAxAgA4AcQIAOAEECMAgBNAjAAATgAxAgA4AcQIAOAEECMAgBNAjAAATgAxAgA4AcQIAOAEECMAgBP8P/sgH6p4B1LHAAAAAElFTkSuQmCC" 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. Oracle 数据导出注意事项

    1.数据导出exp.expbd和imp.impbd 区别: exp,imp:既可以在客户端执行也可以在服务端执行,效率慢于expbd.impbd expbd.impbd:只能够在服务端执行,impbd ...

  2. Object C学习笔记23-继承,重写,重载(转)

    前面的学习都一直在使用Object C对象,但是没有具体总结过Object C中的对象使用特性,这里简单总结一下. 一.  继承 在面向对象编程中,子类可以通过继承得到父类的可以继承的的属性和方法,在 ...

  3. xcode运行时候 You don’t have permission.

    xcode 不能运行,提示没有权限    是因为使用第三方框架有plist文件存在

  4. hdu 3966 Aragorn's Story : 树链剖分 O(nlogn)建树 O((logn)²)修改与查询

    /** problem: http://acm.hdu.edu.cn/showproblem.php?pid=3966 裸板 **/ #include<stdio.h> #include& ...

  5. Mysql存储过程查询结果赋值到变量

    # 使用的navicat  编辑的存储过程 CREATE DEFINER=`root`@`localhost` PROCEDURE `insert_student_back`()BEGIN#定义max ...

  6. 安装mysqlclient报OSError: mysql_config not found

    输入命令: :~$ pip install mysqlclient 报错: Collecting mysqlclient Using cached https://files.pythonhosted ...

  7. js-关于iframe:从子页面给父页面的控件赋值方法

    项目中我们经会用到iframe,可能还会把iframe里的数值赋值给父页面空间. 接下来我们来说说有关于iframe赋值给父页面的方法. 1.子页面iframe给父页面的控件赋值方法. parent. ...

  8. 五、RegExp(正则表达式)篇

    正则表达式,只用记住: 0./pattern/igm   i--不区分大小写 g--找到所有相匹配的 m--多行匹配  可以只写其中一个  ps:/pattern/i (无视大小写) 1." ...

  9. php常见面试(Smarty及相关知识)

    1.Smarty简介: 是一种php模板引擎,它分开了后台程序和前台页面内容,使程序员和美工分工合作.还有其它模版引擎实现同样的目的. 2.Smarty使用: 建立php文件: 包含smarty类文件 ...

  10. PHP计算两个时间戳之间间隔时分秒

    /功能:计算两个时间戳之间相差的日时分秒//$begin_time 开始时间戳//$end_time 结束时间戳function timediff($begin_time,$end_time){ if ...